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.
Pale slate, misty sage, silver white, pewter gray, and deep marine — the muted, cool-neutral palette of overcast coastal environments and maritime aesthetics.
Palette
Each swatch links back to its individual archive detail page.
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.
Ready-made tokens for Coastal Fog
Palette packs extend these colors into Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.
From one collection to a full pack
This collection proves the taste and color direction. The related packs add more collections, token exports, and usage guidance so the palette can move from reference to implementation.
| Layer | What you have here | What the related packs add |
|---|---|---|
| Scope | One curated five-color editorial direction. | More collections, broader token coverage, and a fuller working set. |
| Output | Visual palette, copyable CSS preview, and per-color archive pages. | Downloadable CSS, JSON, Tailwind, and pack-specific asset bundles. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable product assets. |
