Geranium

UL100-7 / Behr
#A23640

A deep red with confident presence. Pairs well with warm neutrals and dark wood tones.

Spec Sheet

Hex#A23640
RGB162, 54, 64
HSL354°, 50%, 42%
On White 6.69:1 AA
On Black 3.14:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #F0EAEB
Text: #271B1C
Accent: #A23640
Support: #66A39D
Neutral: #BFB6B0

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text
Learn more about AI Palette

Design System from Geranium Palettes are free. Exports aren't.

#F0EAEB background RGB 240 234 235
#271B1C ink RGB 39 27 28
#A23640 accent RGB 162 54 64
#66A39D support RGB 102 163 157
#BFB6B0 neutral RGB 191 182 176
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F0EAEB;
  --palette-ink: #271B1C;
  --palette-accent: #A23640;
  --palette-support: #66A39D;
  --palette-neutral: #BFB6B0;
}

Tailwind Config

{
  "palette-background": "#F0EAEB",
  "palette-ink": "#271B1C",
  "palette-accent": "#A23640",
  "palette-support": "#66A39D",
  "palette-neutral": "#BFB6B0"
}

Pro Exports Pro

Color Blindness Simulation

#524E40
Protanopia
#6D643D
Deuteranopia
#B11F3A
Tritanopia

Build a design system around Geranium.