Colony Buff
#DDC6ABA versatile, muted neutral tone subtle enough for large surfaces yet interesting up close.
Spec Sheet
Hex#DDC6AB
RGB221, 198, 171
HSL32°, 42%, 77%
On White 1.65:1 Fail
On Black 12.74:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F4F2F0 Text: #3A2C1D Accent: #DDC6AB Support: #778DA6 Neutral: #BABAAB 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 Colony Buff Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F4F2F0;
--palette-ink: #3A2C1D;
--palette-accent: #DDC6AB;
--palette-support: #778DA6;
--palette-neutral: #BABAAB;
}Tailwind Config
{
"palette-background": "#F4F2F0",
"palette-ink": "#3A2C1D",
"palette-accent": "#DDC6AB",
"palette-support": "#778DA6",
"palette-neutral": "#BABAAB"
}Color Blindness Simulation
#CFC6A9
Protanopia#D4CCAC
Deuteranopia#E6C0BE
TritanopiaBuild a design system around Colony Buff.