Pastel color palettes
Soft, milky colors with a lot of light in them, for gentle brands and airy layouts. 24 palettes, each with HEX codes.
- Sorbet Shelf
- Sourdough Display
- Cloud and Mist
- Meringue Dream
- Cherry Nest
- Cloud Blue
- Taffy Box
- Freesia Linen
- Lullaby Drift
- Sherbet Treat
- Opal Daybreak
- Rosewater and Blush
- Macaron Cloud
- Gelato Shelf
- Powder Sky
- Taffy Swirl
- Cupcake Box
- Sherbet Daydream
- Cupcake Linen
- Cloud and Dove
- Opal Daydream
- Freesia Shower
- Blush Dance
- Garden Ceremony
Most common colors in pastel color palettes
Soft, milky colors with a lot of light in them, for gentle brands and airy layouts. Across all 24 pastel palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Light Rose#FFC5CBin 5 palettes
- Anti-Flash White#EDF2F4in 4 palettes
- Old Lace#FDF5E6in 4 palettes
- Pale Oak#DBCFB0in 4 palettes
- Tea Green#CAE7B9in 4 palettes
- Cool Gray#8D99AEin 3 palettes
- Lavender#E6E6FAin 3 palettes
- Light Cornflower Blue#98C1D9in 3 palettes
- Pale Silver#D8E2DCin 3 palettes
- Pinkish Grey#C8ACA9in 3 palettes
- Powder Blue#B0E0E6in 3 palettes
- Seashell#FFF5EEin 3 palettes
Pastel color palette hex codes
| Palette | Hex codes |
|---|---|
| Sorbet Shelf | #F6C9C4 #F9E2B6 #CDE8C9 #C3D9F2 #DCCBEE |
| Sourdough Display | #B07A4A #D2A06E #E7C79F #FBF3E6 |
| Cloud and Mist | #8991A7 #A1B0D1 #C1D3F5 #EBF3FF |
| Meringue Dream | #939C86 #B5C49C #CACDF5 #EEF5E5 |
| Cherry Nest | #E8A0B4 #D5B9E8 #F7C5CC #C9E4C5 #FFF8E7 |
| Cloud Blue | #B099B6 #84BFC9 #B4C7EE #BEDEF3 #EFEDFF |
| Taffy Box | #9D9380 #BDB39F #E5CC9B #E7E0D2 #F5F1E9 |
| Freesia Linen | #6FAF7F #8FC9A6 #F7C5CC #FFF8E7 |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a pastel color palette
- A pastel look comes as much from lightness and saturation as from hue, so keep new colors at a similar softness and depth.
- Pick a dominant color, a supporting color and one accent; the remaining colors become tints and shades.
- Check contrast for text, and test the palette in a real layout with the palette visualizer.
Frequently asked questions
What colors are in a pastel color palette?
The colors used most across these pastel palettes are Light Rose, Anti-Flash White, Old Lace, Pale Oak, Tea Green and Cool Gray. Soft, milky colors with a lot of light in them, for gentle brands and airy layouts.
How many pastel color palettes are there?
There are 24 curated pastel palettes on this page, each with hex codes and free exports.
Can I edit a pastel palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.