Brown Sugar

2112-20 / Benjamin Moore
#564942

A dramatic brown with amber undertones that evokes leather, wood, and turned earth.

Spec Sheet

Hex#564942
RGB86, 73, 66
HSL21°, 13%, 30%
On White 8.65:1 AAA
On Black 2.43:1 Fail

For AI Tools

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

Background: #EAE7E6
Text: #2A1B13
Accent: #564942
Support: #68A4C4
Neutral: #DAD8C8

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 Brown Sugar Palettes are free. Exports aren't.

#EAE7E6 background RGB 234 231 230
#2A1B13 ink RGB 42 27 19
#564942 accent RGB 86 73 66
#68A4C4 support RGB 104 164 196
#DAD8C8 neutral RGB 218 216 200
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EAE7E6;
  --palette-ink: #2A1B13;
  --palette-accent: #564942;
  --palette-support: #68A4C4;
  --palette-neutral: #DAD8C8;
}

Tailwind Config

{
  "palette-background": "#EAE7E6",
  "palette-ink": "#2A1B13",
  "palette-accent": "#564942",
  "palette-support": "#68A4C4",
  "palette-neutral": "#DAD8C8"
}

Pro Exports Pro

Color Blindness Simulation

#4C4A42
Protanopia
#4F4D42
Deuteranopia
#5A4747
Tritanopia

Build a design system around Brown Sugar.