Pastel Color Palette
A soft rainbow of blush, peach, butter yellow, mint, sky blue and lilac. Pastels feel light and playful, perfect for kids' rooms, Easter and sweet brands.
Click any color to copy its HEX code.
Pastel color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Blush | #F8C8D4 | 248, 200, 212 | 345°, 77%, 88% | |
| Peach | #FBD6BD | 251, 214, 189 | 24°, 89%, 86% | |
| Butter | #FBEEB0 | 251, 238, 176 | 50°, 90%, 84% | |
| Mint | #C6EBD6 | 198, 235, 214 | 146°, 48%, 85% | |
| Sky | #C4DDF6 | 196, 221, 246 | 210°, 74%, 87% | |
| Lilac | #D9C8F0 | 217, 200, 240 | 266°, 57%, 86% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Butter (#FBEEB0) as the base, Mint (#C6EBD6) as the supporting color and Peach (#FBD6BD) as the accent, with Lilac (#D9C8F0) for text and fine details.
Pastel
A quick preview of the palette with base, text and accent colors.
Peach MintWhere it works
Readable text color pairs
None of the pairs in this palette reach the 4.5:1 contrast needed for small text. Use near-black (#1B1A17) or white text on these colors, and keep the palette for backgrounds, shapes and decoration.
CSS variables
:root {
--blush: #F8C8D4;
--peach: #FBD6BD;
--butter: #FBEEB0;
--mint: #C6EBD6;
--sky: #C4DDF6;
--lilac: #D9C8F0;
}