We're live on Product Hunt!Support us
ColorArchive

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

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
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

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. Slate-veil-muted provides the foundational warm-cool gray of fog and bleached surfaces — not a design-neutral gray but a color with a slight blue-leaning identity; cerulean-mist-muted contributes the pale, desaturated near-blue that reads as sky-and-sea under overcast light; sage-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; pearl-blush-soft supplies the palest, warmest entry — the faint warm-white of sea foam and salt-crystallized surfaces. 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; pearl-blush-soft for light surface areas and body text backgrounds. 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
--coastal-fog-1: #F9FAFB;
--coastal-fog-2: #E1E9EA;
--coastal-fog-3: #E4EAE1;
--coastal-fog-4: #3B4354;
--coastal-fog-5: #E4C8D6;

3/3 free exports remaining today

Dark mode pairs
#F9FAFB
#15191E
#E1E9EA
#161C1D
#E4EAE1
#181D16
#3B4354
#BCC1CD
#E4C8D6
#24141C

3/3 free exports remaining today

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

3/3 free exports remaining today

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%)
Editorial direction

Collections should do more than group swatches. Each one should read like a usable design direction with a clear emotional lane and a real application surface.

This detail route is the missing layer between a generic palette gallery and a convincing design reference. It gives the set a specific point of view.

Go further
Unlock Pro
Pro members get unlimited exports, advanced token formats, and priority access to new collections.
Learn about Pro
Take this palette further

Ready-made tokens for Coastal Fog

Pro members can export these colors as Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro members get advanced token exports, usage guidance, and downloadable assets so the palette can move from reference to implementation.

LayerWhat you have hereWhat Pro adds
ScopeOne curated five-color editorial direction.Unlimited access to all collections, broader token coverage, and advanced exports.
OutputVisual palette, copyable CSS preview, and per-color archive pages.Downloadable CSS, JSON, Tailwind, Figma tokens, and Procreate swatches.
Use caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.