Heather Plum
#BDADD5Contemplative and balanced, this purple holds twilight complexity beneath its surface.
Spec Sheet
Hex#BDADD5
RGB189, 173, 213
HSL264°, 32%, 76%
On White 2.08:1 Fail
On Black 10.1:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EAE7EE Text: #291F38 Accent: #BDADD5 Support: #94B168 Neutral: #CCC0CE 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 Heather Plum Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EAE7EE;
--palette-ink: #291F38;
--palette-accent: #BDADD5;
--palette-support: #94B168;
--palette-neutral: #CCC0CE;
}Tailwind Config
{
"palette-background": "#EAE7EE",
"palette-ink": "#291F38",
"palette-accent": "#BDADD5",
"palette-support": "#94B168",
"palette-neutral": "#CCC0CE"
}Color Blindness Simulation
#A6B3D7
Protanopia#A9B4D4
Deuteranopia#B9B2BA
TritanopiaBuild a design system around Heather Plum.