Back to palettes

Palette

Winter Solstice Mist

Capturing the tranquil beauty of a frosty winter morning with soft blues and muted grays, evoking quiet contemplation.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#AEC6CF#B0C4DE#D6E0EF#F0F8FF#8C9BAB

Palette guide

How to use Winter Solstice Mist

Overview

The Winter Solstice Mist palette embodies the tranquil beauty of a frosty winter morning, featuring soft blues and muted grays. This collection ranges from the cool, subtle gray-blue of #8C9BAB, through the gentle #AEC6CF and #B0C4DE, to the ethereal lightness of #D6E0EF and #F0F8FF. It's an ideal choice for designs that aim for quiet contemplation, serenity, and a touch of understated elegance. Designers can use this palette to create spacious, calming interfaces, sophisticated branding, or evocative digital art, leveraging its harmonious, cool-toned gradient for a sense of depth and peacefulness.

Best used for

  • Wellness or meditation app interfaces
  • Spa and beauty product branding
  • Minimalist interior design websites
  • Photography portfolios with a soft, ethereal mood
  • Environmental awareness campaigns
  • Elegant, understated stationery or invitations

Suggested color roles

primary

#8C9BAB can serve as a grounded primary for subtle branding elements, navigation, or muted calls-to-action, offering a sophisticated anchor.

secondary

#AEC6CF works well for subheadings, borders, or secondary interactive elements, maintaining the palette's gentle feel.

accent

#B0C4DE provides a slightly warmer blue-gray accent, useful for highlighting specific features or adding visual interest without harshness.

background

#F0F8FF offers an exceptionally clean and bright canvas, perfect for content-rich pages that need to feel light and airy.

text

For optimal readability, use a dark gray or black (e.g., #333333) for body text on #F0F8FF. White text can work on #8C9BAB for headlines.

Accessibility notes

  • The lighter colors like #D6E0EF and #F0F8FF have very low contrast with each other; avoid using them for essential text.
  • Ensure any text on #AEC6CF or #B0C4DE is dark enough to meet WCAG contrast guidelines.
  • Provide clear focus states for interactive elements, as the palette's subtlety might make small changes hard to perceive.
  • Use a robust dark color for body text across the board to ensure readability against the light backgrounds.

Recommended combinations

Misty Dawn

Excellent for a soft, layered background effect or header, with #AEC6CF for subtle text.

#F0F8FF · #D6E0EF · #AEC6CF

Serene Whisper

Ideal for clean branding or UI elements, using #F0F8FF as a light background.

#8C9BAB · #B0C4DE · #F0F8FF

Winter Calm

Suitable for subtle distinctions in data visualization or elegant content blocks.

#AEC6CF · #D6E0EF · #8C9BAB

CSS variables

:root {
  --winter-solstice-mist-1: #AEC6CF;
  --winter-solstice-mist-2: #B0C4DE;
  --winter-solstice-mist-3: #D6E0EF;
  --winter-solstice-mist-4: #F0F8FF;
  --winter-solstice-mist-5: #8C9BAB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-solstice-mist": {
        1: "#AEC6CF",
        2: "#B0C4DE",
        3: "#D6E0EF",
        4: "#F0F8FF",
        5: "#8C9BAB",
      }
    }
  }
}

Related searches

soft blue gray palettetranquil winter colorsserene misty designcalm UI color schemeunfderstated cool tones

Palette colors

Hex values

Color 1#AEC6CF
·
Color 2#B0C4DE
·
Color 3#D6E0EF
·
Color 4#F0F8FF
·
Color 5#8C9BAB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.3:1Fail
1.7:1Fail
1.6:1Fail
2
1:1Fail
1.3:1Fail
1.7:1Fail
1.6:1Fail
3
1.3:1Fail
1.3:1Fail
1.2:1Fail
2.1:1Fail
4
1.7:1Fail
1.7:1Fail
1.2:1Fail
2.6:1Fail
5
1.6:1Fail
1.6:1Fail
2.1:1Fail
2.6:1Fail

Similar palettes

More like Winter Solstice Mist

View all cool
Arctic Glacier Chill
Frost Kissed Pine
Frozen Crystal Grotto
Glacial Iceberg Flow
Moonstone Glacier Gleam
Winter Chill Vista