Red Card
#D12D36A vivid, punchy true red that commands attention. Bold and decisive, used sparingly for maximum impact.
Spec Sheet
Hex#D12D36
RGB209, 45, 54
HSL357°, 65%, 50%
On White 5.07:1 AA
On Black 4.14:1 AA Large
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F1EEEE Text: #271112 Accent: #D12D36 Support: #5B9F9B Neutral: #CDC1B7 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 Red Card Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F1EEEE;
--palette-ink: #271112;
--palette-accent: #D12D36;
--palette-support: #5B9F9B;
--palette-neutral: #CDC1B7;
}Tailwind Config
{
"palette-background": "#F1EEEE",
"palette-ink": "#271112",
"palette-accent": "#D12D36",
"palette-support": "#5B9F9B",
"palette-neutral": "#CDC1B7"
}Color Blindness Simulation
#605835
Protanopia#897B30
Deuteranopia#E60032
TritanopiaBuild a design system around Red Card.