Iris Pink
#CEBDD5A composed light grey with balanced undertones. Reads as modern and pairs cleanly with both wood and metal.
Spec Sheet
Hex#CEBDD5
RGB206, 189, 213
HSL283°, 22%, 79%
On White 1.77:1 Fail
On Black 11.86:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EEEBEF Text: #1C1320 Accent: #CEBDD5 Support: #7DBF63 Neutral: #C9B5C5 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 Iris Pink Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EEEBEF;
--palette-ink: #1C1320;
--palette-accent: #CEBDD5;
--palette-support: #7DBF63;
--palette-neutral: #C9B5C5;
}Tailwind Config
{
"palette-background": "#EEEBEF",
"palette-ink": "#1C1320",
"palette-accent": "#CEBDD5",
"palette-support": "#7DBF63",
"palette-neutral": "#C9B5C5"
}Color Blindness Simulation
#BAC2D6
Protanopia#BEC3D4
Deuteranopia#CEBFC5
TritanopiaBuild a design system around Iris Pink.