Chocolate Pudding
#8C6D5ESubstantial and grounded, this brown brings sun-kissed depth to millwork and accent walls.
Spec Sheet
Hex#8C6D5E
RGB140, 109, 94
HSL20°, 20%, 46%
On White 4.7:1 AA
On Black 4.46:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EBE7E6 Text: #302622 Accent: #8C6D5E Support: #58869D Neutral: #D6D4C7 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 Chocolate Pudding Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EBE7E6;
--palette-ink: #302622;
--palette-accent: #8C6D5E;
--palette-support: #58869D;
--palette-neutral: #D6D4C7;
}Tailwind Config
{
"palette-background": "#EBE7E6",
"palette-ink": "#302622",
"palette-accent": "#8C6D5E",
"palette-support": "#58869D",
"palette-neutral": "#D6D4C7"
}Color Blindness Simulation
#75705D
Protanopia#7C765E
Deuteranopia#946869
TritanopiaBuild a design system around Chocolate Pudding.