Hot
#AC4362A graceful, muted pink value offering the kind of nuance designers reach for repeatedly.
Spec Sheet
Hex#AC4362
RGB172, 67, 98
HSL342°, 44%, 47%
On White 5.62:1 AA
On Black 3.73:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F3EDEF Text: #200E13 Accent: #AC4362 Support: #4CB898 Neutral: #C8BEBC 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 Hot Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F3EDEF;
--palette-ink: #200E13;
--palette-accent: #AC4362;
--palette-support: #4CB898;
--palette-neutral: #C8BEBC;
}Tailwind Config
{
"palette-background": "#F3EDEF",
"palette-ink": "#200E13",
"palette-accent": "#AC4362",
"palette-support": "#4CB898",
"palette-neutral": "#C8BEBC"
}Color Blindness Simulation
#585B63
Protanopia#736F60
Deuteranopia#BA374F
TritanopiaBuild a design system around Hot.