Bittergreen
#866F4BA rich, warm brown that reads as organic and architecturally honest.
Spec Sheet
Hex#866F4B
RGB134, 111, 75
HSL37°, 28%, 41%
On White 4.78:1 AA
On Black 4.39:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EAE7E1 Text: #181511 Accent: #866F4B Support: #5776A8 Neutral: #D0D3B6 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
Design System from Bittergreen Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EAE7E1;
--palette-ink: #181511;
--palette-accent: #866F4B;
--palette-support: #5776A8;
--palette-neutral: #D0D3B6;
}Tailwind Config
{
"palette-background": "#EAE7E1",
"palette-ink": "#181511",
"palette-accent": "#866F4B",
"palette-support": "#5776A8",
"palette-neutral": "#D0D3B6"
}Color Blindness Simulation
#786F48
Protanopia#7E754C
Deuteranopia#8F6866
TritanopiaBuild a design system around Bittergreen.