Poinsettia
#9D373CA deep, muted red value with a quiet confidence that anchors surrounding colours.
Spec Sheet
Hex#9D373C
RGB157, 55, 60
HSL357°, 48%, 42%
On White 6.9:1 AA
On Black 3.05:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F2EDED Text: #34181A Accent: #9D373C Support: #57B2AD Neutral: #D2C3B6 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 Poinsettia Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F2EDED;
--palette-ink: #34181A;
--palette-accent: #9D373C;
--palette-support: #57B2AD;
--palette-neutral: #D2C3B6;
}Tailwind Config
{
"palette-background": "#F2EDED",
"palette-ink": "#34181A",
"palette-accent": "#9D373C",
"palette-support": "#57B2AD",
"palette-neutral": "#D2C3B6"
}Color Blindness Simulation
#514C3B
Protanopia#6B6239
Deuteranopia#AC223A
TritanopiaBuild a design system around Poinsettia.