Mexican Hot Chocolate

CSP-1080 / Benjamin Moore
#8B5C2B

A saturated orange with sun-kissed warmth that envelops a room without overpowering it.

Spec Sheet

Hex#8B5C2B
RGB139, 92, 43
HSL31°, 53%, 36%
On White 5.73:1 AA
On Black 3.66:1 AA Large

For AI Tools

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

Background: #F0EDEA
Text: #2A2119
Accent: #8B5C2B
Support: #7593B3
Neutral: #C6C7B3

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 Mexican Hot Chocolate Palettes are free. Exports aren't.

#F0EDEA background RGB 240 237 234
#2A2119 ink RGB 42 33 25
#8B5C2B accent RGB 139 92 43
#7593B3 support RGB 117 147 179
#C6C7B3 neutral RGB 198 199 179
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F0EDEA;
  --palette-ink: #2A2119;
  --palette-accent: #8B5C2B;
  --palette-support: #7593B3;
  --palette-neutral: #C6C7B3;
}

Tailwind Config

{
  "palette-background": "#F0EDEA",
  "palette-ink": "#2A2119",
  "palette-accent": "#8B5C2B",
  "palette-support": "#7593B3",
  "palette-neutral": "#C6C7B3"
}

Pro Exports Pro

Color Blindness Simulation

#6B6026
Protanopia
#766A2C
Deuteranopia
#975151
Tritanopia

Build a design system around Mexican Hot Chocolate.