Back to palettes

Palette

Cool Mist Dawn

The tranquil feeling of a new day emerging through a gentle, cool mist, soft and promising.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cool Mist Dawn 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 Cool Mist Dawn.

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

Data visualization

#C0D2D9#DCE2E7#BCCCDC#E8ECEF#A0B5BB

Palette guide

How to use Cool Mist Dawn

Overview

The Cool Mist Dawn palette evokes the tranquil and subtle beauty of a new day breaking through a gentle, cool mist. This collection features soft, muted blues and greys, including #C0D2D9, #DCE2E7, #BCCCDC, #E8ECEF, and #A0B5BB, creating an incredibly serene and sophisticated atmosphere. Designers and developers can leverage these hex codes to craft clean, elegant, and calming interfaces, branding, or digital experiences that convey peacefulness, understated luxury, and a fresh start. It's an excellent choice for projects requiring a minimalist yet profound aesthetic, offering a sense of quiet harmony and subtle depth.

Best used for

  • Luxury wellness or meditation apps
  • Minimalist lifestyle blogs
  • High-end fashion brand websites (subtle)
  • Architectural presentation visuals
  • Serene corporate branding
  • Morning routine app interfaces

Suggested color roles

primary

Use #E8ECEF as the expansive primary background, providing a soft, airy canvas.

secondary

Apply #DCE2E7 for secondary content areas, card backgrounds, or subtle layering.

accent

Introduce #A0B5BB as a gentle, sophisticated accent for interactive elements or subtle branding.

background

The slightly deeper #C0D2D9 can be used for headers or footers to add minimal depth.

text

A dark charcoal (#36454F) or deep blue-grey (#4D6B8C) provides excellent contrast on these light tones.

Accessibility notes

  • Ensure sufficient contrast for all text elements, as the palette is predominantly very light and muted.
  • Text in a dark color on #E8ECEF, #DCE2E7, and #C0D2D9 will be highly readable.
  • The #A0B5BB is the darkest color; ensure any text on it (if used as background) is dark enough or white.
  • Use subtle shadows or borders to clearly define interactive elements against similar light backgrounds.

Recommended combinations

Misty Layers

Excellent for clean layouts, subtle background layers, or minimalist card designs.

#E8ECEF · #DCE2E7 · #C0D2D9

Dawn Break

Use for gentle section dividers, sophisticated accents, or to define UI components.

#C0D2D9 · #A0B5BB · #DCE2E7

Quiet Harmony

Ideal for creating depth in informational blocks, background textures, or serene illustrations.

#BCCCDC · #E8ECEF · #DCE2E7

CSS variables

:root {
  --cool-mist-dawn-1: #C0D2D9;
  --cool-mist-dawn-2: #DCE2E7;
  --cool-mist-dawn-3: #BCCCDC;
  --cool-mist-dawn-4: #E8ECEF;
  --cool-mist-dawn-5: #A0B5BB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cool-mist-dawn": {
        1: "#C0D2D9",
        2: "#DCE2E7",
        3: "#BCCCDC",
        4: "#E8ECEF",
        5: "#A0B5BB",
      }
    }
  }
}

Related searches

cool muted blue grey paletteserene dawn color schemessubtle calm design hex codesminimalist morning UI colorstranquil sophisticated palette

Palette colors

Hex values

Color 1#C0D2D9
·
Color 2#DCE2E7
·
Color 3#BCCCDC
·
Color 4#E8ECEF
·
Color 5#A0B5BB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.3:1Fail
1.4:1Fail
2
1.2:1Fail
1.3:1Fail
1.1:1Fail
1.6:1Fail
3
1.1:1Fail
1.3:1Fail
1.4:1Fail
1.3:1Fail
4
1.3:1Fail
1.1:1Fail
1.4:1Fail
1.8:1Fail
5
1.4:1Fail
1.6:1Fail
1.3:1Fail
1.8:1Fail

Similar palettes

More like Cool Mist Dawn

View all cool
Aqua Stillness Mood
Calm Lake Reflections
Cloudy Dawn Whisper
Frost Branch Serene
Frosted Winter Branches
Glacial Lagoon