Calm Sunlit Drift
313Calm Sunlit Drift color palette using #f2ecf9, #d6e1d9, #9fb0d5, #65b09f, #6c8089.
By Mood
Calm Color Palettes
Low-contrast, low-saturation colour that lowers the temperature of a page. Its main colours include porcelain (#f0eef7), periwinkle (#d3cde0), lilac (#d7acb9), lilac (#b3a9d1), ash (#94c7a2), built as an analogous set around 195° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Calm color palette hex codes
Main calm colours with named swatches, HEX and RGB. Derived from this tag's hue (195°), saturation (26%) and analogous scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Porcelain swatch | Porcelain | #f0eef7 | rgb(240, 238, 247) | |
| Periwinkle swatch | Periwinkle | #d3cde0 | rgb(211, 205, 224) | |
| Lilac swatch | Lilac | #d7acb9 | rgb(215, 172, 185) | |
| Lilac swatch | Lilac | #b3a9d1 | rgb(179, 169, 209) | |
| Ash swatch | Ash | #94c7a2 | rgb(148, 199, 162) | |
| Slate swatch | Slate | #7a82a3 | rgb(122, 130, 163) | |
| Verdigris swatch | Verdigris | #55a089 | rgb(85, 160, 137) | |
| Steel Blue swatch | Steel Blue | #518a9f | rgb(81, 138, 159) |
Calm color palettes
Calm Deep Morning
192Calm Deep Morning color palette using #eceaf6, #c9e1d0, #9ba7c2, #77938c, #6a7b80.
Calm Washed Current
180Calm Washed Current color palette using #edecf1, #cbdfd1, #a1aecc, #62c0a6, #4991a9.
Calm Sunlit Signal
179Calm Sunlit Signal color palette using #f2eef6, #d5dcd7, #a7abb5, #759d94, #59899d.
Calm Golden Linen
171Calm Golden Linen color palette using #e4dff0, #c7e0cc, #99aad5, #5cb8a0, #598596.
Calm Deep Drift
163Calm Deep Drift color palette using #f2eff6, #d4ead8, #abb3c7, #6ba695, #677c83.
Calm Electric Current
160Calm Electric Current color palette using #f2ecf9, #d9e4db, #abaeb8, #73a698, #4a97b1.
Calm Golden Lantern
144Calm Golden Lantern color palette using #ebe8f4, #cee9d3, #97a9d5, #68bca3, #4c8da3.
Calm Quiet Current
141Calm Quiet Current color palette using #edecf2, #c5e9cd, #b1b4c1, #829590, #488ea4.
Calm Dusty Signal
139Calm Dusty Signal color palette using #e8e4f1, #cbe9d2, #a8b2c9, #55c0a1, #55899c.
Calm Frosted Signal
135Calm Frosted Signal color palette using #e9e6f1, #d5e6d9, #8b9fd3, #6eb5a5, #5a8da2.
Calm Golden Orchard
110Calm Golden Orchard color palette using #ebe8f3, #d5ddd7, #a8b1ca, #72a596, #528c9b.
Calm Still Drift
98Calm Still Drift color palette using #e8e5f4, #d0e5d6, #98a4c0, #73a798, #738a91.
Calm Sunlit Lantern
94Calm Sunlit Lantern color palette using #f1eff5, #ced6d0, #8fa0c7, #6dac9d, #4f8ca6.
Calm Electric Prairie
90Calm Electric Prairie color palette using #e5dff1, #bfe7c7, #a8b1c8, #65a591, #489ab2.
Calm Quiet Archive
76Calm Quiet Archive color palette using #e1ddef, #cce7d3, #9da4c0, #65b9a0, #498fa2.
Calm Soft Linen
64Calm Soft Linen color palette using #e9e7f0, #d6dfd8, #9aa6c3, #889a95, #578691.
Calm Sunlit Current
58Calm Sunlit Current color palette using #e5e0f2, #d2e2d6, #90a2d4, #75a196, #498eac.
Calm Faded Harbour
56Calm Faded Harbour color palette using #e5e2f2, #d3e8d7, #a3afd0, #55c0ac, #637b82.
Calm Soft Studio
50Calm Soft Studio color palette using #ebe9ee, #cfddd2, #9ca6c4, #79968d, #5c828c.
Calm Sunlit Alcove
42Calm Sunlit Alcove color palette using #e9e6f2, #c8ead2, #96a2c2, #64b09c, #449db2.
Calm Antique Current
40Calm Antique Current color palette using #eae7f4, #cfe8d5, #8997ce, #72a397, #4b92b1.
Calm Smoked Harbour
37Calm Smoked Harbour color palette using #e5e3e8, #d1dad3, #a1a8b8, #60b69f, #6e8b92.
Calm Muted Studio
14Calm Muted Studio color palette using #ebe9f2, #d1e7d6, #a7abbc, #4dbd9f, #628b97.
About calm color palettes
Low-contrast, low-saturation colour that lowers the temperature of a page. This page collects 24 calm 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 calm schemes anchor somewhere around ash (#9fbcc6), a cool hue sitting near 195 degrees on the color wheel at roughly 26% saturation. The palettes below span a lightness range of about 44 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.
Mood is carried by saturation and contrast far more than by hue. These calm palettes hold both of those steady across every scheme, which is why they still feel consistent even when the underlying colours change completely.
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
Calm color palette FAQ
What colors are in a calm color palette?
A typical calm palette combines porcelain (#f0eef7), periwinkle (#d3cde0), lilac (#d7acb9) and supporting tones. Low-contrast, low-saturation colour that lowers the temperature of a page.
What are the hex codes for calm?
Calm is a colour family rather than a single value. The main hex codes on this page are #f0eef7, #d3cde0, #d7acb9, #b3a9d1, #94c7a2, #7a82a3, #55a089, #518a9f, centred near #9fbcc6. Copy any value from the table above.
How do I use a calm 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 calm palettes free to use?
Yes. All 24 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "calm" into the AI color palette generator to build a fresh scheme in the same range.