Yosemite Sand

AC-4 / Benjamin Moore
#DDC9AC

A clear, golden brown that reads as organic and architecturally honest.

Spec Sheet

Hex#DDC9AC
RGB221, 201, 172
HSL36°, 42%, 77%
On White 1.61:1 Fail
On Black 13.02:1 AAA

For AI Tools

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

Background: #F1F0EE
Text: #231B10
Accent: #DDC9AC
Support: #5D7598
Neutral: #C5C7B3

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

#F1F0EE background RGB 241 240 238
#231B10 ink RGB 35 27 16
#DDC9AC accent RGB 221 201 172
#5D7598 support RGB 93 117 152
#C5C7B3 neutral RGB 197 199 179
Processed in 0ms

CSS Variables

:root {
  --palette-background: #F1F0EE;
  --palette-ink: #231B10;
  --palette-accent: #DDC9AC;
  --palette-support: #5D7598;
  --palette-neutral: #C5C7B3;
}

Tailwind Config

{
  "palette-background": "#F1F0EE",
  "palette-ink": "#231B10",
  "palette-accent": "#DDC9AC",
  "palette-support": "#5D7598",
  "palette-neutral": "#C5C7B3"
}

Pro Exports Pro

Color Blindness Simulation

#D1C9AA
Protanopia
#D6CEAD
Deuteranopia
#E6C3C1
Tritanopia

Build a design system around Yosemite Sand.