#FFF1F2 Curated color palette
Red Color Palette
A red palette from pale rose surfaces through a vivid mid red to a deep wine-like anchor.
In interfaces, pair red with icons, labels, or other cues rather than using red alone to communicate failure or urgency.
Palette colors
#FECDD3 #FB7185 #DC2626 #7F1D1D Each swatch chooses black or white label text using the higher WCAG contrast ratio for that single solid color. Final component contrast still depends on your actual text size and context.
Suggested use
Useful when a design needs red as more than an error state, providing light surfaces and darker supporting tones around a strong central red.
Surface Red Color Palette Example action
CSS variables
:root {
--palette-1: #FFF1F2;
--palette-2: #FECDD3;
--palette-3: #FB7185;
--palette-4: #DC2626;
--palette-5: #7F1D1D;
}Contrast snapshot
Rose White
#FFF1F2 Best of black/white: 19.12:1 Soft Red
#FECDD3 Best of black/white: 14.89:1 Coral Red
#FB7185 Best of black/white: 7.80:1 Signal Red
#DC2626 Best of black/white: 4.83:1 Deep Red
#7F1D1D Best of black/white: 10.02:1 This is a quick black/white text comparison, not a full accessibility audit. Use the Contrast Checker for the exact foreground/background pair you plan to ship.
More Red palette directions
Editorial red
Muted rose-to-wine direction.
#FFF7F7#E9A3A3#B94A48#7F1D1D#3F1616 Bright signal
Cleaner high-energy red family.
#FEE2E2#F87171#EF4444#DC2626#991B1B Warm red orange
Moves red toward orange for less blue bias.
#FFF7ED#FED7AA#F97316#DC2626#7C2D12 Related palettes
Pink Color Palette
A pink palette ranging from a soft blush surface to a deep berry anchor.
Sunset Color Palette
A sunset-inspired palette moving from twilight violet through magenta and coral to warm gold.
Blue Color Palette
A blue palette moving from a near-white cool surface through a saturated action blue to a deep navy.
Brown Color Palette
An earthy brown palette with cream, tan, warm brown, walnut, and deep espresso tones.