Pink Hibiscus
#EABFB9Refined and delicate, this pink holds amber character beneath its softness.
Spec Sheet
Hex#EABFB9
RGB234, 191, 185
HSL7°, 54%, 82%
On White 1.66:1 Fail
On Black 12.65:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #ECE9E9 Text: #271816 Accent: #EABFB9 Support: #679BA2 Neutral: #D0C5B3 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 Hibiscus Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #ECE9E9;
--palette-ink: #271816;
--palette-accent: #EABFB9;
--palette-support: #679BA2;
--palette-neutral: #D0C5B3;
}Tailwind Config
{
"palette-background": "#ECE9E9",
"palette-ink": "#271816",
"palette-accent": "#EABFB9",
"palette-support": "#679BA2",
"palette-neutral": "#D0C5B3"
}Color Blindness Simulation
#C7C4B8
Protanopia#D1CCB9
Deuteranopia#F4BABD
TritanopiaBuild a design system around Pink Hibiscus.