Calm Waters Color Palette
About the Calm Waters Color Palette
Still and peaceful as a glassy lake at dawn, this monochromatic blue palette moves through the full range of calm water tones. From the palest sky reflection to the deep cerulean of open ocean, each shade evokes tranquility and clarity. This palette is deeply calming and has been shown in color psychology studies to reduce stress and promote focus.
Is the Calm Waters Palette Right for Your Project?
Choose this palette for
- •wellness apps
- •meditation brands
- •spas
- •healthcare
- •tech products
- •any design requiring calm clarity
Look elsewhere for
Loud, attention-grabbing campaigns or maximalist streetwear branding — the calm feeling at the core of Calm Waters works against you there. Since this one leans calm and blue, it also won't stretch well into a project already anchored in the opposite direction. Browse all palettes to find a mood that fits instead.
Color Codes
| Swatch | Hex | RGB |
|---|---|---|
| #CAF0F8 | rgb(202, 240, 248) | |
| #90E0EF | rgb(144, 224, 239) | |
| #48CAE4 | rgb(72, 202, 228) | |
| #0096C7 | rgb(0, 150, 199) | |
| #0077B6 | rgb(0, 119, 182) |
Lightness & Saturation Breakdown
How each color in Calm Waters compares by lightness and saturation — useful for picking which tone to use as a background versus a text color.
How to Use the Calm Waters Color Palette
Great for wellness apps, meditation brands, spas, healthcare, tech products, and any design requiring calm clarity.
Since this palette is built around a specific emotional tone, keeping one color dominant helps that mood read clearly at a glance. Apply the 60-30-10 rule: use #CAF0F8 for 60% of your design, #90E0EF for 30%, and reserve #48CAE4 for the remaining 10% on calls-to-action and key highlights.
Drop these values in directly as CSS custom properties:
:root {
--calm-waters-primary: #CAF0F8;
--calm-waters-secondary: #90E0EF;
--calm-waters-accent: #48CAE4;
--calm-waters-background: #0096C7;
--calm-waters-highlight: #0077B6;
}The Calm Waters palette's lightest tone, #CAF0F8, pairs best with dark text on top, while its darkest tone, #0077B6, needs light or white text to meet the WCAG 2.1 AA minimum contrast ratio of 4.5:1. Check any text/background combination from this palette with a contrast checker before shipping.
How Calm Waters Compares
Side-by-side with the closest palettes in Colortion's library — use this if you're deciding between a few options.
| Palette | Mood | Colors |
|---|---|---|
| Calm Waters (this page) | calm | |
| Bedroom Serene | calm | |
| Winter Frost | calm | |
| Winter Night | calm | |
| Cozy Cabin | cozy |
Calm Waters — Color Psychology & Design Tips
The Calm Waters palette evokes a calm feeling, making it especially effective for designs where you want your audience to feel relaxed, focused, and at peace. That comes through in its calm, blue, ocean character just as much as in the mood label — #CAF0F8 carries most of that weight, so keep it dominant wherever the emotional read matters most.
Calm Waters is tagged calm, blue, ocean and peaceful, which puts it close to Bedroom Serene and Winter Frost in Colortion's library. Want the same calm mood with a different hue? Start from #CAF0F8 in the generator and adjust saturation before hue to keep the feeling intact.
Frequently Asked Questions
Is the Calm Waters color palette free to use?
Yes, the Calm Waters color palette is completely free to use in personal and commercial projects. Copy any hex code or download the palette image with no account required.
What colors are in the Calm Waters palette?
The Calm Waters palette contains 5 colors: #CAF0F8, #90E0EF, #48CAE4, #0096C7, #0077B6. These colors work together to create a calm aesthetic.
What is the Calm Waters palette best used for?
Great for wellness apps, meditation brands, spas, healthcare, tech products, and any design requiring calm clarity.