Hawaiian Cinder
#5B2D36A dark, muted red that brings warmth and energy. Creates focal points in dining rooms, front doors, and accent walls.
Spec Sheet
Hex#5B2D36
RGB91, 45, 54
HSL348°, 34%, 27%
On White 11.21:1 AAA
On Black 1.87:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EFEBEC Text: #2F181D Accent: #5B2D36 Support: #6AA99D Neutral: #C3B3AC 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 Hawaiian Cinder Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EFEBEC;
--palette-ink: #2F181D;
--palette-accent: #5B2D36;
--palette-support: #6AA99D;
--palette-neutral: #C3B3AC;
}Tailwind Config
{
"palette-background": "#EFEBEC",
"palette-ink": "#2F181D",
"palette-accent": "#5B2D36",
"palette-support": "#6AA99D",
"palette-neutral": "#C3B3AC"
}Color Blindness Simulation
#353636
Protanopia#413E35
Deuteranopia#622830
TritanopiaBuild a design system around Hawaiian Cinder.