Back to palettes

Palette

Winter Solstice Calm

The quiet, contemplative stillness of the longest night, bathed in faint moonlight and snow.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ADCEDC#D6E5EE#B4C2CC#8FAAB5#EAF1F5

Palette guide

How to use Winter Solstice Calm

Overview

The Winter Solstice Calm palette encapsulates the quiet, contemplative stillness of the longest night, bathed in faint moonlight and snow. This serene collection, featuring soft blues like #ADCEDC, #D6E5EE, and the almost ethereal #EAF1F5, alongside grounding grays such as #B4C2CC and #8FAAB5, is ideal for designers and developers seeking a truly tranquil and minimalist aesthetic. It’s perfect for creating peaceful digital interfaces, calm branding, or editorial content that evokes serenity, introspection, and a pristine clarity. This collection promotes a feeling of quiet sophistication and gentle spaciousness.

Best used for

  • Mindfulness and meditation resources
  • Minimalist interior design blogs
  • Sustainable or eco-conscious brand identities
  • Baby-related products or services
  • Clean, professional corporate websites
  • Winter wedding stationery or event collateral

Suggested color roles

primary

Provides a soft, stable foundation for main sections or prominent UI elements using #B4C2CC.

secondary

Offers a slightly brighter, expansive feel for supporting content blocks or backgrounds with #ADCEDC.

accent

A grounding accent for interactive elements, subtle highlights, or important visual cues without harshness using #8FAAB5.

background

An incredibly light, airy canvas that maximizes space and ensures a clean backdrop, utilizing #EAF1F5.

text

Ideal for body text against very light backgrounds, offering good readability with a soft touch using #8FAAB5.

Accessibility notes

  • Crucially ensure sufficient contrast for text, especially with lighter shades like #D6E5EE against #EAF1F5; consider using a darker text for readability.
  • Pair #8FAAB5 or #B4C2CC for text on #EAF1F5 or #D6E5EE backgrounds to meet WCAG AA standards.
  • Avoid using #D6E5EE and #EAF1F5 for text/background combinations where information is critical due to low contrast.
  • For interactive elements, ensure hover/active states provide clear visual feedback with adequate contrast.

Recommended combinations

Moonlight Glow

Creates a soft, luminous look for headers, gentle hero sections, or serene background textures.

#ADCEDC · #EAF1F5 · #B4C2CC

Quiet Layers

Ideal for layered UI elements, card backgrounds, or subtle visual hierarchy in minimalist designs.

#D6E5EE · #B4C2CC · #8FAAB5

Snow Whisper

Perfect for airy, spacious layouts where a very light background needs a soft, readable text color.

#EAF1F5 · #D6E5EE · #8FAAB5

CSS variables

:root {
  --winter-solstice-calm-1: #ADCEDC;
  --winter-solstice-calm-2: #D6E5EE;
  --winter-solstice-calm-3: #B4C2CC;
  --winter-solstice-calm-4: #8FAAB5;
  --winter-solstice-calm-5: #EAF1F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-solstice-calm": {
        1: "#ADCEDC",
        2: "#D6E5EE",
        3: "#B4C2CC",
        4: "#8FAAB5",
        5: "#EAF1F5",
      }
    }
  }
}

Related searches

calm blue gray palettewinter serene UI colorsminimalist light blue brandingsolstice inspired calm designpristine cool digital palette

Palette colors

Hex values

Color 1#ADCEDC
·
Color 2#D6E5EE
·
Color 3#B4C2CC
·
Color 4#8FAAB5
·
Color 5#EAF1F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
1.5:1Fail
1.5:1Fail
2
1.3:1Fail
1.4:1Fail
1.9:1Fail
1.1:1Fail
3
1.1:1Fail
1.4:1Fail
1.3:1Fail
1.6:1Fail
4
1.5:1Fail
1.9:1Fail
1.3:1Fail
2.1:1Fail
5
1.5:1Fail
1.1:1Fail
1.6:1Fail
2.1:1Fail

Similar palettes

More like Winter Solstice Calm

View all cool
Calm Lake Reflections
Frost Branch Serene
Frosted Lakeside Calm
Frosted Window Pane
Frosted Winter Branches
Frozen Lake Shimmer