Café au Lait

CSP-290 / Benjamin Moore
#A27F5D

A confident brown with warm undertones that evokes leather, wood, and turned earth.

Spec Sheet

Hex#A27F5D
RGB162, 127, 93
HSL30°, 27%, 50%
On White 3.66:1 AA Large
On Black 5.73:1 AA

For AI Tools

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

Background: #EDEBE9
Text: #27211B
Accent: #A27F5D
Support: #5985B1
Neutral: #D6D6BD

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 Café au Lait Palettes are free. Exports aren't.

#EDEBE9 background RGB 237 235 233
#27211B ink RGB 39 33 27
#A27F5D accent RGB 162 127 93
#5985B1 support RGB 89 133 177
#D6D6BD neutral RGB 214 214 189
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EDEBE9;
  --palette-ink: #27211B;
  --palette-accent: #A27F5D;
  --palette-support: #5985B1;
  --palette-neutral: #D6D6BD;
}

Tailwind Config

{
  "palette-background": "#EDEBE9",
  "palette-ink": "#27211B",
  "palette-accent": "#A27F5D",
  "palette-support": "#5985B1",
  "palette-neutral": "#D6D6BD"
}

Pro Exports Pro

Color Blindness Simulation

#8A815B
Protanopia
#93895E
Deuteranopia
#AD7776
Tritanopia

Build a design system around Café au Lait.