Heart Breaker
#D35AECA medium purple with regal undertones. Creates intimate, layered spaces when paired with gold and charcoal.
Spec Sheet
Hex#D35AEC
RGB211, 90, 236
HSL290°, 79%, 64%
On White 3.26:1 AA Large
On Black 6.44:1 AA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F3F0F4 Text: #2F1A33 Accent: #D35AEC Support: #70B063 Neutral: #CAB9C5 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 Heart Breaker Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F3F0F4;
--palette-ink: #2F1A33;
--palette-accent: #D35AEC;
--palette-support: #70B063;
--palette-neutral: #CAB9C5;
}Tailwind Config
{
"palette-background": "#F3F0F4",
"palette-ink": "#2F1A33",
"palette-accent": "#D35AEC",
"palette-support": "#70B063",
"palette-neutral": "#CAB9C5"
}Color Blindness Simulation
#3586F0
Protanopia#6793E8
Deuteranopia#D4729B
TritanopiaBuild a design system around Heart Breaker.