Purple Brown
#453040An enigmatic dark shade where brown meets plum, creating a moody, cocooning effect in intimate rooms.
Spec Sheet
Hex#453040
RGB69, 48, 64
HSL314°, 18%, 23%
On White 12:1 AAA
On Black 1.75:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EEE7EC Text: #1F141C Accent: #453040 Support: #6BC27F Neutral: #D3B6BE 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 Purple Brown Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EEE7EC;
--palette-ink: #1F141C;
--palette-accent: #453040;
--palette-support: #6BC27F;
--palette-neutral: #D3B6BE;
}Tailwind Config
{
"palette-background": "#EEE7EC",
"palette-ink": "#1F141C",
"palette-accent": "#453040",
"palette-support": "#6BC27F",
"palette-neutral": "#D3B6BE"
}Color Blindness Simulation
#303541
Protanopia#35383F
Deuteranopia#473136
TritanopiaBuild a design system around Purple Brown.