ColorSwatches.org

Fog Bank

Deep slate, steel mist, pearl sky, ice blue, cloud white
Deep Slate
#2E3E50
rgb(46, 62, 80)
Dark blue-gray — foggy deep water and coastal rock
Steel Mist
#6880A0
rgb(104, 128, 160)
Medium blue-gray — fog thickening over the water
Pearl Sky
#A0B4C8
rgb(160, 180, 200)
Soft pearl-blue — the sky just before fog closes in completely
Ice Blue
#C8D8E8
rgb(200, 216, 232)
Pale ice blue — thin fog layer against winter sky
Cloud White
#EDF2F7
rgb(237, 242, 247)
Near-white — where fog dissolves into sky

Fog Bank sits at the precise intersection of blue and gray — colors that individually carry weight but together produce something quieter and more atmospheric than either achieves alone. This palette draws from the specific visual quality of coastal fog: the way it flattens color and contrast, drains saturation without removing it, and creates depth through layers of increasingly pale, hazy tone. Deep Slate reads as a dark blue-gray with enough weight for text, headers, and UI borders; Cloud White reads as near-neutral but unmistakably cool. Between those endpoints, the palette offers three tones that shift smoothly from slate through pearl to pale ice.

Steel Mist is the palette's most versatile mid-tone — neither dark enough to anchor heavy elements nor light enough to function purely as a surface. It inhabits a productive middle range used in sophisticated UI design for navigation backgrounds, card borders, secondary text, and quiet section dividers. This is the register where gray-blues consistently outperform pure grays: they retain the coolness and sophistication of a neutral while adding just enough blue-wavelength visual signal to feel alive. Pearl Sky extends that quality into a lighter, more surface-appropriate range.

Sponsors

Fog Bank is a natural fit for minimal and editorial design aesthetics — layouts that prioritize negative space and typographic hierarchy over color accent. The absence of any saturated or warm tone makes it particularly useful as a base palette for long-form reading experiences, documentation, and content-heavy interfaces where visual noise must stay low. Ice Blue and Cloud White work together as surface and background in light-mode interfaces, giving even heavily typographic pages a subtle blue cast that prevents them from feeling sterile.

Technology companies building developer tools, documentation platforms, or productivity software will find Fog Bank aligned with the restrained, functional aesthetic of the best work in that category. Architecture and interior design practices, minimal fashion brands, and premium editorial publications also have strong alignment with this palette's quiet authority. It is blue without being blue — present without being assertive, and sophisticated precisely because it refuses to compete for attention.

Web UI Preview

example.com
Palette Co Products About
New Release

Design with intention

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel felis a ligula tincidunt auctor quis commodo nisi.

Intuitive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.

Learn more →

Fast & Reliable

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

Learn more →

Built to Scale

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum.

Learn more →

Ready to build something beautiful? Start for free today.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

More Blue Color Palettes Palettes

View all Blue Color Palettes palettes →