We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Collection detail

Coastal Haze

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.

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.

CoastalCalmHospitality
Why this set works

Soft maritime blues and weathered grays with a warm undertone — for travel, hospitality, and calm-first digital products.

Travel and hospitality brands
Coastal real estate
Wellness retreats and spas
Calm-first productivity and journaling tools
Prompt words
morning harbor foglinen sail in hazeAtlantic morning from the shoreweathered coastal greysea glass on wet sand
Export ready
1. Cerulean Whisper Muted #EDF2F2
2. Azure Mist Soft #DDE8EE
3. Cobalt Pearl Soft #C8D2E4
4. Teal Mist Soft #DDEEE8
5. Seafoam Whisper Soft #EAF5EE
:root {
  --coastal-haze-1: #EDF2F2;
  --coastal-haze-2: #DDE8EE;
  --coastal-haze-3: #C8D2E4;
  --coastal-haze-4: #DDEEE8;
  --coastal-haze-5: #EAF5EE;
}
Dark mode pairs
#EDF2F2
#161D1D
#DDE8EE
#121C21
#C8D2E4
#141A24
#DDEEE8
#12211C
#EAF5EE
#122117
WCAG contrast audit

WCAG contrast ratios for all palette color pairs against white and black text.

#EDF2F2
1.1:1 Fail
18.6:1 AAA
#DDE8EE
1.2:1 Fail
16.9:1 AAA
#C8D2E4
1.5:1 Fail
13.8:1 AAA
#DDEEE8
1.2:1 Fail
17.5:1 AAA
#EAF5EE
1.1:1 Fail
18.8:1 AAA

Color-on-color pairs:

+
1.1:1 Fail
+
1.3:1 Fail
+
1.1:1 Fail
+
1:1 Fail
+
1.2:1 Fail
+
1:1 Fail
+
1.1:1 Fail
+
1.3:1 Fail
+
1.4:1 Fail
+
1.1:1 Fail

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Cerulean Whisper Muted
#EDF2F2
Blue · hsl(190, 18%, 94%)
2
Azure Mist Soft
#DDE8EE
Blue · hsl(200, 34%, 90%)
3
Cobalt Pearl Soft
#C8D2E4
Blue · hsl(220, 34%, 84%)
4
Teal Mist Soft
#DDEEE8
Teal · hsl(160, 34%, 90%)
5
Seafoam Whisper Soft
#EAF5EE
Green · hsl(140, 34%, 94%)

More collections like this

Browse collections →
  • Nordic Morning
  • Coastal Morning Mist
  • Modern Seaside
  • Candy Pop Pastel
Go further
Unlock Pro
Pro removes the daily export cap, in every token format.
Learn about Pro
Take this palette further

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.

Upgrade to ProBrowse collections
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.

LayerWhat you have hereWhat Pro adds
ScopeOne curated palette of 5 colors.The same palettes, with no daily export cap anywhere on the site.
OutputHEX, 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 caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.