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.
The palette of foggy coastal mornings: a range that sits between the slate of overcast sea and the pale aqua of shallow water at the horizon. Cerulean Whisper Muted provides the palest, most atmospheric blue-gray entry — the color of coastal sky through sea mist; Azure Mist Soft steps toward a clearer, more definitively blue note; Cobalt Pearl Soft introduces the slightly deeper, more saturated blue of deeper coastal water and is the one entry with enough weight for borders and dividers; Teal Mist Soft adds the pale green-aqua of mist over the water; and Seafoam Whisper Soft contributes the faint mint of shallow water over sand. The collection is deliberately understated — these are colors that work in large fields as backgrounds and surface tones rather than as accent colors.
These colors are background and surface colors, not accent colors. They work best paired with a warm cream or off-white for page backgrounds and a warm near-black or dark slate for typography. A single warm accent (amber, terracotta, or soft gold) creates effective contrast against the cool-neutral haze palette without fighting it. Avoid pure white, pure black, or bright saturated accents — they break the atmospheric quality the palette creates.
Soft maritime blues and weathered grays with a warm undertone — for travel, hospitality, and calm-first digital products.
Each swatch links back to its individual archive detail page.
Ready-made tokens for Coastal Haze
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.
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 5 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. |