Marooned
#4E3132An intense, deep red shade that brings depth to any palette.
Spec Sheet
Hex#4E3132
RGB78, 49, 50
HSL358°, 23%, 25%
On White 11.61:1 AAA
On Black 1.81:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EFEBEB Text: #2E1415 Accent: #4E3132 Support: #68B1AF Neutral: #C2B4A8 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 Marooned Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EFEBEB;
--palette-ink: #2E1415;
--palette-accent: #4E3132;
--palette-support: #68B1AF;
--palette-neutral: #C2B4A8;
}Tailwind Config
{
"palette-background": "#EFEBEB",
"palette-ink": "#2E1415",
"palette-accent": "#4E3132",
"palette-support": "#68B1AF",
"palette-neutral": "#C2B4A8"
}Color Blindness Simulation
#363532
Protanopia#3D3B32
Deuteranopia#542E31
TritanopiaBuild a design system around Marooned.