April Pink
#F3DAD5Bold and gentle, this red brings sun-kissed intensity to accent walls and front doors.
Spec Sheet
Hex#F3DAD5
RGB243, 218, 213
HSL10°, 56%, 89%
On White 1.33:1 Fail
On Black 15.8:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F0EBEA Text: #1F110F Accent: #F3DAD5 Support: #5B909A Neutral: #C9C4BB 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 April Pink Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F0EBEA;
--palette-ink: #1F110F;
--palette-accent: #F3DAD5;
--palette-support: #5B909A;
--palette-neutral: #C9C4BB;
}Tailwind Config
{
"palette-background": "#F0EBEA",
"palette-ink": "#1F110F",
"palette-accent": "#F3DAD5",
"palette-support": "#5B909A",
"palette-neutral": "#C9C4BB"
}Color Blindness Simulation
#DFDDD5
Protanopia#E5E1D5
Deuteranopia#FAD7D9
TritanopiaBuild a design system around April Pink.