Collection detail
Coastal Morning Mist
Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX
No two colors here reach 4.5:1 for body text. Set text in white or black instead — each swatch's HEX is drawn in whichever reads better.
Colors at their most peaceful before the day intensifies. Azure mist provides the sky tone — barely-blue, almost white. Teal pearl and seafoam pearl capture the quiet shallow water and wet sand at low tide. Cerulean whisper offers the faintest directional blue. Lagoon bloom soft is the most saturated entry, the deep-water accent. Cool gray whisper completes the palette as its neutral anchor — the color of bleached driftwood and sea-worn stone.
Soft coastal palette of early-morning beach light — pale azure sky, quiet teal water, seafoam on sand. Colors at their most peaceful before the day intensifies. Works for spa, coastal hospitality, and serene lifestyle branding.
CoastalBlueTealSereneHospitality
Why this set works
Soft coastal palette of early-morning beach light — pale azure sky, quiet teal water, seafoam on sand.
Coastal hospitality branding
Spa and wellness design
Lifestyle brand identity
Prompt words
coastal color palette soft bluebeach morning light palettespa brand muted teal blue colors
Palette
Each swatch links back to its individual archive detail page.
1
Azure Mist Faint
#E3E6E8
Blue · hsl(200, 10%, 90%)
2
Teal Pearl Soft
#C8E4DB
Teal · hsl(160, 34%, 84%)
3
Seafoam Pearl Faint
#D2DAD5
Green · hsl(140, 10%, 84%)
4
Cerulean Whisper Muted
#EDF2F2
Blue · hsl(190, 18%, 94%)
5
Lagoon Bloom Soft
#ADD7D0
Teal · hsl(170, 34%, 76%)
6
Cool Gray Whisper
#EFF0F1
Blue · hsl(210, 6%, 94%)
More collections like this
Browse collections →Take this palette further
Ready-made tokens for Coastal Morning Mist
Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.
Upgrade path
From collection to Pro
This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.
| Layer | What you have here | What Pro adds |
|---|---|---|
| Scope | One curated palette of 6 colors. | The same palettes, with no daily export cap anywhere on the site. |
| Output | HEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in. | No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable production assets. |