Color Codes › Pastel Palette
Pastel colour palette
Soft, light, low-saturation colours with a gentle, soothing feel. Pastels are everywhere in modern, friendly and feminine design. Click any swatch to copy its hex, or download the whole palette as a CSS file.
#FFD1DC
rgb(255, 209, 220)
#FCE1E4
rgb(252, 225, 228)
#FFF1BA
rgb(255, 241, 186)
#D4F0C0
rgb(212, 240, 192)
#C1E7E3
rgb(193, 231, 227)
#CBE2F5
rgb(203, 226, 245)
#E0D3F5
rgb(224, 211, 245)
#F5D0C5
rgb(245, 208, 197)
About this pastel palette
Soft, light, low-saturation colours with a gentle, soothing feel. Pastels are everywhere in modern, friendly and feminine design. Every swatch above is click-to-copy, and the download button gives you a ready-made CSS file with all 8 colours as custom properties.
Using the palette
Mix and match these as backgrounds, accents and text — but always check contrast for readability. Want to adjust one? Drop its hex into the picker, or convert it to OKLCH for a perceptual design-token scale.
What colours are in a pastel palette?
Soft, light, low-saturation colours with a gentle, soothing feel. Pastels are everywhere in modern, friendly and feminine design.
Can I download this palette?
Yes — the download button gives you a CSS file with all the swatches as custom properties, free and with no signup.
Popular colours
Sage green
Navy blue
Teal
Coral
Burgundy
Terracotta
Mint green
Shades of blue
Shades of pink
All colour codes →