#F7CAC9 Curated color palette
Pastel Color Palette
A soft five-color pastel palette with pink, peach, green, blue, and lavender tones.
Pastel colors are intentionally light; pair them with sufficiently dark text when readability matters.
Palette colors
#FADADD #CDE7BE #BDE0FE #E2C6FF 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
Works best for light, friendly visual systems, invitations, gentle illustrations, and low-intensity UI accents where strong contrast is not required from the palette itself.
Surface Pastel Color Palette Example action
CSS variables
:root {
--palette-1: #F7CAC9;
--palette-2: #FADADD;
--palette-3: #CDE7BE;
--palette-4: #BDE0FE;
--palette-5: #E2C6FF;
}Contrast snapshot
Blush
#F7CAC9 Best of black/white: 14.25:1 Peach
#FADADD Best of black/white: 16.14:1 Mint
#CDE7BE Best of black/white: 15.77:1 Powder Blue
#BDE0FE Best of black/white: 15.26:1 Lavender
#E2C6FF Best of black/white: 13.76: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 Pastel palette directions
Cool pastel
Leans toward lavender, blue, and mint.
#E9D5FF#BFDBFE#CFFAFE#D1FAE5#E2E8F0 Warm pastel
Peach, blush, butter, and cream for a warmer direction.
#FBCFE8#FED7AA#FEF3C7#FFE4E6#FFF7ED Muted pastel
Lower-chroma values for quieter editorial or UI use.
#E7C2C2#C8D5B9#C7D2E2#D7C4D8#E8D8C4 Related palettes
Blue Color Palette
A blue palette moving from a near-white cool surface through a saturated action blue to a deep navy.
Green Color Palette
A balanced green palette with pale surfaces, fresh mids, a forest accent, and a deep green neutral.
Pink Color Palette
A pink palette ranging from a soft blush surface to a deep berry anchor.
Purple Color Palette
A purple palette with pale lavender, mid violet, saturated purple, and a deep plum anchor.