Pink Punch
#EAA6A9Refined and gentle, this pink holds flushed character beneath its softness.
Spec Sheet
Hex#EAA6A9
RGB234, 166, 169
HSL357°, 62%, 78%
On White 2:1 Fail
On Black 10.53:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #ECE4E4 Text: #2F191A Accent: #EAA6A9 Support: #53A29E Neutral: #C7BCB2 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 Pink Punch Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #ECE4E4;
--palette-ink: #2F191A;
--palette-accent: #EAA6A9;
--palette-support: #53A29E;
--palette-neutral: #C7BCB2;
}Tailwind Config
{
"palette-background": "#ECE4E4",
"palette-ink": "#2F191A",
"palette-accent": "#EAA6A9",
"palette-support": "#53A29E",
"palette-neutral": "#C7BCB2"
}Color Blindness Simulation
#B2B0A9
Protanopia#C2BCA8
Deuteranopia#F79FA7
TritanopiaBuild a design system around Pink Punch.