Back to palettes

Palette

Winter Mist Veil

Subtly blending cool grays and pale blues, it captures the ethereal quality of a quiet, frosty morning.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Mist Veil 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 Winter Mist Veil.

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

Data visualization

#A1B3BF#C3D5DE#E2EFF4#748A9C#B2C4CE

Palette guide

How to use Winter Mist Veil

Overview

The Winter Mist Veil palette subtly blends cool grays and pale blues, capturing the ethereal quality of a quiet, frosty morning. With a range from the deep #748A9C to the airy #E2EFF4, this palette offers a delicate yet sophisticated foundation for designs. Mid-tones like #A1B3BF and #C3D5DE provide smooth transitions, allowing designers to create layered interfaces with depth and tranquility. It's an excellent choice for projects that aim to evoke calmness, purity, and understated elegance, appealing to audiences who appreciate a soft, refreshing aesthetic. Developers can leverage the clear value differences for creating intuitive visual hierarchies and state changes within the UI.

Best used for

  • Spa and wellness brand identity
  • Wedding invitations and event decor
  • Minimalist photography websites
  • Tranquil app interfaces for meditation or journaling
  • Soft, ethereal fashion and beauty product packaging
  • Clean, modern interior design concepts

Suggested color roles

primary

Use #748A9C for strong headings, important buttons, or solid backgrounds, providing a stable, calm foundation.

secondary

Apply #A1B3BF for subheadings, secondary calls to action, or larger UI components, offering gentle contrast.

accent

Highlight with #C3D5DE for active states, subtle borders, or informational text, adding a soft, luminous touch.

background

Choose #E2EFF4 for clean, expansive backgrounds, creating an airy and sophisticated canvas.

text

For body text, use #748A9C or a dark charcoal like #333333 to ensure optimal readability against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using lighter tones like #C3D5DE for text, especially on #E2EFF4 backgrounds.
  • Pair #748A9C or #A1B3BF with white or #E2EFF4 text for excellent readability on darker elements.
  • Avoid using #B2C4CE for small text unless on a significantly darker background due to moderate contrast.
  • Consider larger font sizes for any text in lighter palette colors to improve legibility for all users.

Recommended combinations

Ethereal Header

For a calm header: #748A9C for the title, #E2EFF4 for the background, and #C3D5DE for a subtle divider.

#748A9C · #E2EFF4 · #C3D5DE

Soft Callout

Design a soft callout box: #A1B3BF for the background, #E2EFF4 for text, and #748A9C for a subtle icon.

#A1B3BF · #E2EFF4 · #748A9C

Tranquil Button

Create a tranquil button: #B2C4CE for the button background, #748A9C for the text, and #E2EFF4 for the hover state.

#B2C4CE · #748A9C · #E2EFF4

CSS variables

:root {
  --winter-mist-veil-1: #A1B3BF;
  --winter-mist-veil-2: #C3D5DE;
  --winter-mist-veil-3: #E2EFF4;
  --winter-mist-veil-4: #748A9C;
  --winter-mist-veil-5: #B2C4CE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-mist-veil": {
        1: "#A1B3BF",
        2: "#C3D5DE",
        3: "#E2EFF4",
        4: "#748A9C",
        5: "#B2C4CE",
      }
    }
  }
}

Related searches

ethereal winter palettesoft blue graymisty cool tonestranquil UI colorssubtle winter design

Palette colors

Hex values

Color 1#A1B3BF
·
Color 2#C3D5DE
·
Color 3#E2EFF4
·
Color 4#748A9C
·
Color 5#B2C4CE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
1.7:1Fail
1.2:1Fail
2
1.4:1Fail
1.3:1Fail
2.4:1Fail
1.2:1Fail
3
1.8:1Fail
1.3:1Fail
3.1:1AA18
1.5:1Fail
4
1.7:1Fail
2.4:1Fail
3.1:1AA18
2:1Fail
5
1.2:1Fail
1.2:1Fail
1.5:1Fail
2:1Fail

Similar palettes

More like Winter Mist Veil

View all cool
Frosted Woodland Serene
Coastal Fog
Dawn Lake Whisper
Frost Branch Serene
Frosted Evergreen Mist
Frosted Winter Branches