Cerise
#99324EA romantic, deep pink shade that reads differently in every light condition.
Spec Sheet
Hex#99324E
RGB153, 50, 78
HSL344°, 51%, 40%
On White 7.19:1 AAA
On Black 2.92:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F2EDEE Text: #371A22 Accent: #99324E Support: #40A58A Neutral: #D9C5BF 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 Cerise Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F2EDEE;
--palette-ink: #371A22;
--palette-accent: #99324E;
--palette-support: #40A58A;
--palette-neutral: #D9C5BF;
}Tailwind Config
{
"palette-background": "#F2EDEE",
"palette-ink": "#371A22",
"palette-accent": "#99324E",
"palette-support": "#40A58A",
"palette-neutral": "#D9C5BF"
}Color Blindness Simulation
#494A4F
Protanopia#645F4C
Deuteranopia#A7223D
TritanopiaBuild a design system around Cerise.