Back to palettes

Palette

Coastal Fog Whisper

Soft and diffused, like the gentle, cool mist rolling in from the ocean on a quiet morning.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coastal Fog Whisper reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Coastal Fog Whisper.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#B0C4DE#C0C0C0#DCDCDC#EAEAEA#F8F8FF

Palette guide

How to use Coastal Fog Whisper

Overview

The Coastal Fog Whisper palette is an exceptionally light and airy collection, embodying subtle elegance and serenity. Dominated by near-white and very light grey-blue tones, including #F8F8FF (an off-white), #EAEAEA (a soft light grey), and the gentle blue-grey of #B0C4DE. This palette is perfect for designs that require a delicate touch, an expansive feel, and a focus on minimalist aesthetics. Developers will find these shades ideal for creating clean backgrounds, unobtrusive UI elements, and a sophisticated, ethereal brand presence. It’s an excellent choice for projects where light, space, and a whisper of color are paramount.

Best used for

  • Delicate branding and visual identities
  • Wedding and event websites
  • Luxury fashion editorial content
  • Minimalist art and photography portfolios
  • Soft and airy mobile application themes
  • Backgrounds for spacious web layouts

Suggested color roles

primary

Utilize #B0C4DE as the most prominent color for subtle headers, large content blocks, or to introduce a hint of cool color.

secondary

Employ #C0C0C0 for secondary background areas, card elements, or subtle dividers to create gentle distinction.

accent

Due to the palette's lightness, #DCDCDC can serve as a very subtle accent for hover states or barely-there highlights.

background

The lightest shade, #F8F8FF, is perfect for main page backgrounds, providing a clean, expansive, and ethereal canvas.

text

For readability, use #B0C4DE for headings on #F8F8FF, or a medium charcoal like #555555 for body text against these very light backgrounds.

Accessibility notes

  • Extreme caution is needed for text contrast; most color pairs will fail WCAG guidelines.
  • Only use the darkest colors for text on the lightest backgrounds (e.g., #B0C4DE on #F8F8FF) for any readability.
  • Avoid using #EAEAEA or #DCDCDC for text on any background in this palette.
  • This palette is inherently low-contrast; strongly consider a high-contrast alternative for accessibility.

Recommended combinations

Ethereal Base

Create a seamless, layered background effect with minimal visual breaks, perfect for a subtle, airy feel.

#F8F8FF · #EAEAEA · #DCDCDC

Soft Layers

Use for distinct but gentle content blocks, where each shade provides a subtle hierarchical shift.

#DCDCDC · #C0C0C0 · #B0C4DE

Minimal Contrast

Ideal for a clean background with the darkest palette color as subtle headings and a mid-tone for secondary elements.

#F8F8FF · #B0C4DE · #C0C0C0

CSS variables

:root {
  --coastal-fog-whisper-1: #B0C4DE;
  --coastal-fog-whisper-2: #C0C0C0;
  --coastal-fog-whisper-3: #DCDCDC;
  --coastal-fog-whisper-4: #EAEAEA;
  --coastal-fog-whisper-5: #F8F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-fog-whisper": {
        1: "#B0C4DE",
        2: "#C0C0C0",
        3: "#DCDCDC",
        4: "#EAEAEA",
        5: "#F8F8FF",
      }
    }
  }
}

Related searches

light airy color palettesubtle cool tonesminimalist off-white schemewhisper grey bluedelicate web background colors

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#C0C0C0
·
Color 3#DCDCDC
·
Color 4#EAEAEA
·
Color 5#F8F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.3:1Fail
1.5:1Fail
1.7:1Fail
2
1:1Fail
1.3:1Fail
1.5:1Fail
1.7:1Fail
3
1.3:1Fail
1.3:1Fail
1.1:1Fail
1.3:1Fail
4
1.5:1Fail
1.5:1Fail
1.1:1Fail
1.1:1Fail
5
1.7:1Fail
1.7:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Coastal Fog Whisper

View all neutral
Coastal Stone Hearth
Driftwood Shoreline Calm
Coastal Linen Breeze
Cotton Cloud Morning
Driftwood Shore Breeze
Dusky Cloud Blanket