Charcoal
#3E403EA deep, warm charcoal with subtle brown undertones. Almost black but softer, perfect for period joinery.
Spec Sheet
Hex#3E403E
RGB62, 64, 62
HSL120°, 2%, 25%
On White 10.46:1 AAA
On Black 2.01:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E8EDE8 Text: #112711 Accent: #3E403E Support: #9D539D Neutral: #C5D8CF 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 Charcoal Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E8EDE8;
--palette-ink: #112711;
--palette-accent: #3E403E;
--palette-support: #9D539D;
--palette-neutral: #C5D8CF;
}Tailwind Config
{
"palette-background": "#E8EDE8",
"palette-ink": "#112711",
"palette-accent": "#3E403E",
"palette-support": "#9D539D",
"palette-neutral": "#C5D8CF"
}Color Blindness Simulation
#40403E
Protanopia#403F3E
Deuteranopia#3E403F
TritanopiaBuild a design system around Charcoal.