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 Fog

Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX

The coastal fog palette occupies a different register than the bright coastal palettes (clear aquas and vivid blues) — it represents the cooler, more atmospheric quality of foggy coastal mornings, overcast seascapes, and the specific desaturated blue-grays of maritime environments. This is the palette of weathered boat paint, salt-bleached driftwood, fog-softened horizon lines, and the silver-white light of a cloudy coastal day. Cobalt Veil Muted provides the foundational silver-white of fog and bleached surfaces — not a design-neutral white but one with a faint blue-leaning identity; Cerulean Mist Muted contributes the pale, desaturated near-blue that reads as sky-and-sea under overcast light; Moss Mist Muted introduces the cool, slightly desaturated sage of coastal vegetation — muted beach grass and salt-weathered plant life; Cobalt Shadow Muted provides the deep marine reference — a dark, desaturated blue that anchors the palette in the depth of seawater rather than sky; Blush Pearl Soft supplies the one warm entry — the soft pink of shell interiors and sea thrift in the dunes. Together the five colors create a palette that reads as simultaneously coastal and sophisticated, appropriate for maritime brands, technology companies, and any identity that requires restraint and cool-neutral authority.

This palette's mood depends entirely on application — on white or near-white backgrounds, it reads as minimalist coastal; on dark backgrounds, it reads as atmospheric and moody. For brand applications: cobalt-shadow-muted as the primary dark anchor; cerulean-mist-muted as the secondary surface color; Cobalt Veil Muted for light surface areas and body text backgrounds; Blush Pearl Soft as a small warm accent. Typography: use cobalt-shadow-muted for headings and primary navigation — it functions as the palette's 'almost black' without introducing a temperature conflict. Photography direction: overcast coastal scenes, fog over water, weathered maritime surfaces, silver-white diffused natural light.

CoastalCool-NeutralAtmospheric
Why this set works

Pale slate, misty sage, silver white, pewter gray, and deep marine — the muted, cool-neutral palette of overcast coastal environments and maritime aesthetics.

Maritime and coastal lifestyle brands
Technology and SaaS companies with minimal aesthetic
Premium hospitality in coastal or Nordic environments
Architecture and interior design with cool-neutral palette
Prompt words
foggy coastal morning on rocky shoreweathered boat hull in gray harborovercast beach with pale sand and sea foammaritime warehouse in silver morning lightsalt-weathered coastal architecture in fog
Export ready
1. Cobalt Veil Muted #F9FAFB
2. Cerulean Mist Muted #E1E9EA
3. Moss Mist Muted #E4EAE1
4. Cobalt Shadow Muted #3B4354
5. Blush Pearl Soft #E4C8D6
:root {
  --coastal-fog-1: #F9FAFB;
  --coastal-fog-2: #E1E9EA;
  --coastal-fog-3: #E4EAE1;
  --coastal-fog-4: #3B4354;
  --coastal-fog-5: #E4C8D6;
}
Dark mode pairs
#F9FAFB
#15191E
#E1E9EA
#161C1D
#E4EAE1
#181D16
#3B4354
#BCC1CD
#E4C8D6
#24141C
WCAG contrast audit

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

#F9FAFB
1:1 Fail
20.1:1 AAA
#E1E9EA
1.2:1 Fail
17:1 AAA
#E4EAE1
1.2:1 Fail
17.2:1 AAA
#3B4354
9.9:1 AAA
2.1:1 Fail
#E4C8D6
1.6:1 Fail
13.5:1 AAA

Color-on-color pairs:

+
1.2:1 Fail
+
1.2:1 Fail
+
9.5:1 AAA
+
1.5:1 Fail
+
1:1 Fail
+
8.1:1 AAA
+
1.3:1 Fail
+
8.1:1 AAA
+
1.3:1 Fail
+
6.4:1 AA

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Cobalt Veil Muted
#F9FAFB
Blue · hsl(220, 18%, 98%)
2
Cerulean Mist Muted
#E1E9EA
Blue · hsl(190, 18%, 90%)
3
Moss Mist Muted
#E4EAE1
Green · hsl(100, 18%, 90%)
4
Cobalt Shadow Muted
#3B4354
Blue · hsl(220, 18%, 28%)
5
Blush Pearl Soft
#E4C8D6
Pink · hsl(330, 34%, 84%)

More collections like this

Browse collections →
  • Film Neutral
  • Platinum Edge
  • Heritage Navy
  • Storm Silver
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 Fog

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.