Cool Summer Color Palette
Last reviewed on 24 April 2026A cool-toned summer palette built on five lavender and indigo hues. Refreshing rather than bold, it suits designs that want to feel calm, thoughtful, and modern.
#C7CEEASoft Periwinkle
#9FA8DALavender Blue
#7986CBMuted Indigo
#5C6BC0Deep Indigo
#B39DDBSoft Lavender
About this palette
Cool summer is a sub-season in seasonal colour analysis characterised by soft, cool, slightly muted hues. Rather than the bright yellow-and-turquoise summer many people picture, cool summer leans into the softer side of the wheel — think early-morning light on water, lavender fields, and cool cotton.
The palette works especially well when you want to suggest calm and focus. It has enough internal variation to build interfaces and page hierarchies, but it never shouts.
Best used for
Productivity and wellness apps
Meditation, journaling, and focus tools where the visual system should stay out of the way.
Fashion and textiles
Spring and summer capsule collections that aim at an understated, grown-up audience.
Event branding
Weddings, garden parties, and cultural events with a soft, sophisticated tone.
Stationery and publishing
Books, notebooks, and print collateral where a cool palette keeps the focus on type.
When to use it
- For long-reading contexts, where a calm palette reduces visual fatigue.
- As a counterweight to busy photography, since these cool tones blend into mixed imagery without clashing.
- For spring and early-summer campaigns where the existing seasonal palettes feel too warm.
- On products aimed at minimalist audiences who respond to restraint rather than saturation.
Design advice
Reserve Deep Indigo for type
It's the only colour in the set with enough contrast for body copy on a white or near-white background.
Use a very pale background
Bright white can flatten these hues. A barely-cool off-white (#F7F7FB) keeps them feeling cohesive.
Add a warm accent sparingly
A single warm accent — soft coral or muted ochre — prevents the palette feeling icy.
Beware saturation drift
If your imagery is highly saturated, these cool tones may look washed out beside it. Edit image saturation down to match.
Check accessibility
The three lightest hues don't pass 4.5:1 on white. Use the contrast checker before shipping UI text.
Colour psychology
Soft Periwinkle (#C7CEEA)
Reads as peaceful and slightly dreamy. Good for large backgrounds.
Lavender Blue (#9FA8DA)
Balances softness with enough saturation for secondary UI elements.
Muted Indigo (#7986CB)
Confident and unflashy — a strong choice for primary buttons or navigation.
Deep Indigo (#5C6BC0)
The anchor of the palette. Works for headings and key interactive states.
Soft Lavender (#B39DDB)
Adds a purple note so the palette doesn't read as purely blue.