Summer Faded Orchard
415Summer Faded Orchard color palette using #e1d7f7, #aaf3c0, #5a7fea, #4cb59a, #267ba2.
By Season
Summer Color Palettes
Saturated but never heavy, summer palettes keep everything above mid-lightness. Its main colours include lavender (#f4d1ed), periwinkle (#ccccf1), mauve (#bfabef), lilac (#a68ce1), emerald (#6dd68a), built as an analogous set around 195° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Summer color palette hex codes
Main summer colours with named swatches, HEX and RGB. Derived from this tag's hue (195°), saturation (62%) and analogous scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Lavender swatch | Lavender | #f4d1ed | rgb(244, 209, 237) | |
| Periwinkle swatch | Periwinkle | #ccccf1 | rgb(204, 204, 241) | |
| Mauve swatch | Mauve | #bfabef | rgb(191, 171, 239) | |
| Lilac swatch | Lilac | #a68ce1 | rgb(166, 140, 225) | |
| Emerald swatch | Emerald | #6dd68a | rgb(109, 214, 138) | |
| Slate Blue swatch | Slate Blue | #4664cb | rgb(70, 100, 203) | |
| Steel Blue swatch | Steel Blue | #2b8daa | rgb(43, 141, 170) | |
| Verdigris swatch | Verdigris | #29ae8c | rgb(41, 174, 140) |
Summer color palettes
Summer Deep Studio
378Summer Deep Studio color palette using #dad5ed, #bae9c7, #8c98ca, #4cb394, #327a9a.
Light Summer Washed Harbour
365Light Summer Washed Harbour color palette using #f3eef6, #dde8e5, #c4c2cc, #a0aeb1, #939bb0.
Summer Faded Atlas
364Summer Faded Atlas color palette using #ded9f1, #b7efc8, #6484e2, #46c5ab, #2e7c9b.
Cool Summer Faded Lantern
353Cool Summer Faded Lantern color palette using #f1d2f3, #bfe6e3, #a196b4, #4b8ec2, #373aa6.
Dark Summer Sunlit Terrace
330Dark Summer Sunlit Terrace color palette using #c6b0ca, #99b8b3, #693aaf, #435257, #202551.
Cool Summer Antique Ember
327Cool Summer Antique Ember color palette using #ecdbef, #b2e2df, #9f7bd6, #4193bf, #585a98.
Soft Summer Frosted Prairie
325Soft Summer Frosted Prairie color palette using #d5cade, #b8cfc3, #8d8eb0, #58a39f, #3f6796.
Light Summer Wild Terrace
306Light Summer Wild Terrace color palette using #eff5f0, #e4efeb, #beb7da, #a2b9bd, #8a9cc9.
Summer Faded Terrace
298Summer Faded Terrace color palette using #d7d2eb, #bcedc8, #708ee3, #48c1a9, #2282a6.
Cool Summer Velvet Atlas
298Cool Summer Velvet Atlas color palette using #e2cde5, #c6d7d6, #a785da, #5e91b8, #4e509b.
Summer Soft Prairie
288Summer Soft Prairie color palette using #dcd3f5, #b8e6c1, #6183ec, #4ea594, #1683b4.
Light Summer Electric Linen
283Light Summer Electric Linen color palette using #f1f4f1, #e6ecea, #b5b1d5, #9acad2, #8b9cbf.
Bright Summer Quiet Lantern
279Bright Summer Quiet Lantern color palette using #d7cfee, #c1f2d0, #778bf1, #5bc5b5, #1f8fcd.
Light Summer Washed Signal
278Light Summer Washed Signal color palette using #f1f4f0, #e6ecea, #bdb9cc, #83c9d6, #8394c1.
Soft Summer Dusty Morning
275Soft Summer Dusty Morning color palette using #d9cce5, #bdd4c7, #9091b8, #5c9f9e, #5a636d.
Dark Summer Smoked Archive
275Dark Summer Smoked Archive color palette using #bfacc1, #96beb7, #634b9f, #2d6277, #1f275b.
Soft Summer Still Signal
266Soft Summer Still Signal color palette using #d2c8db, #bbd2c6, #7f7db2, #629c99, #4f6b8a.
Summer Golden Meadow
255Summer Golden Meadow color palette using #e3d9f8, #bde9c7, #8998d1, #27d6ae, #347e9c.
Light Summer Frosted Studio
254Light Summer Frosted Studio color palette using #f4edf8, #d7e6e2, #bab1df, #98c1c6, #949fbb.
Deep Summer Soft Current
253Deep Summer Soft Current color palette using #d97dd3, #69c5d2, #733f9e, #213a5e, #17133d.
Dark Summer Deep Meadow
250Dark Summer Deep Meadow color palette using #d090e1, #97bcb4, #7557a8, #3c525d, #262a40.
Dark Summer Smoked Morning
247Dark Summer Smoked Morning color palette using #c5a6c9, #7bcdbe, #6244b2, #305461, #353745.
Soft Summer Wild Lantern
245Soft Summer Wild Lantern color palette using #ddd8e1, #afd9c1, #7e82ca, #738a8b, #486b8f.
About summer color palettes
Saturated but never heavy, summer palettes keep everything above mid-lightness. This page collects 168 summer color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.
Most summer schemes anchor somewhere around sky blue (#73c3de), a cool hue sitting near 195 degrees on the color wheel at roughly 62% saturation. The palettes below span a lightness range of about 48 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
Seasonal palettes date quickly if you apply them at full strength, so treat these summer schemes as a mood layer over a stable neutral base. That way a seasonal campaign can be swapped out without rebuilding the underlying design system.
Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.
Related color palette collections
Summer color palette FAQ
What colors are in a summer color palette?
A typical summer palette combines lavender (#f4d1ed), periwinkle (#ccccf1), mauve (#bfabef) and supporting tones. Saturated but never heavy, summer palettes keep everything above mid-lightness.
What are the hex codes for summer?
Summer is a colour family rather than a single value. The main hex codes on this page are #f4d1ed, #ccccf1, #bfabef, #a68ce1, #6dd68a, #4664cb, #2b8daa, #29ae8c, centred near #73c3de. Copy any value from the table above.
How do I use a summer color palette in my design?
Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.
Are these summer palettes free to use?
Yes. All 168 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "summer" into the AI color palette generator to build a fresh scheme in the same range.