African Plain

S320-7 / Behr
#786D33

A dark, rich yellow that captures natural light. Lifts kitchens, entryways, and sunrooms with optimistic energy.

Spec Sheet

Hex#786D33
RGB120, 109, 51
HSL50°, 40%, 34%
On White 5.21:1 AA
On Black 4.03:1 AA Large

For AI Tools

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

Background: #EAE9E6
Text: #232115
Accent: #786D33
Support: #5D6AAC
Neutral: #B6BEA7

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

#EAE9E6 background RGB 234 233 230
#232115 ink RGB 35 33 21
#786D33 accent RGB 120 109 51
#5D6AAC support RGB 93 106 172
#B6BEA7 neutral RGB 182 190 167
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EAE9E6;
  --palette-ink: #232115;
  --palette-accent: #786D33;
  --palette-support: #5D6AAC;
  --palette-neutral: #B6BEA7;
}

Tailwind Config

{
  "palette-background": "#EAE9E6",
  "palette-ink": "#232115",
  "palette-accent": "#786D33",
  "palette-support": "#5D6AAC",
  "palette-neutral": "#B6BEA7"
}

Pro Exports Pro

Color Blindness Simulation

#766A2D
Protanopia
#7A6E36
Deuteranopia
#816660
Tritanopia

Build a design system around African Plain.