Back to palettes

Palette

Frosted Winter Evergreen

Cool, muted blues and grays evoke the serene silence of an evergreen forest dusted with fresh snow.

CoolCalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Winter Evergreen 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 Frosted Winter Evergreen.

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

Data visualization

#263238#37474F#455A64#546E7A#B0BEC5

Palette guide

How to use Frosted Winter Evergreen

Overview

The Frosted Winter Evergreen palette evokes the serene silence of an evergreen forest dusted with fresh snow, presenting a range of cool, muted blues and grays. From the dark, anchoring #263238 (Charcoal Blue) to the lighter, ethereal #B0BEC5 (Light Slate Gray), with transitional shades like #37474F (Dark Blue-Gray), #455A64 (Desaturated Blue), and #546E7A (Grayish Blue). This monochromatic-leaning scheme is perfect for designs that require a calm, sophisticated, and natural feel. It offers excellent depth and versatility for creating layered visuals, providing a sense of tranquility and understated elegance.

Best used for

  • Outdoor and nature-focused branding
  • Men's fashion or lifestyle platforms
  • Minimalist and professional corporate identity
  • Winter sports or adventure tourism marketing
  • Digital interfaces requiring a clean, focused aesthetic
  • Architectural visualizations or serene interior design

Suggested color roles

primary

The darkest shade, #263238, serves as a strong, grounding foundation for crucial text, navigation, or bold accents.

secondary

A slightly lighter, yet deep blue-gray like #37474F for supporting headings, sub-sections, or background elements that need definition.

accent

The lightest hue, #B0BEC5, can be used sparingly for subtle highlights, interactive states, or to represent frosted elements.

background

A mid-tone gray-blue like #546E7A can provide a calming background, or use #B0BEC5 for a very light base.

text

For light text on dark backgrounds, #B0BEC5 offers excellent readability. For dark text, use a near-black on #B0BEC5.

Accessibility notes

  • The darkest shades (#263238, #37474F) provide good contrast for text when used on #B0BEC5.
  • Avoid using mid-tones like #455A64 or #546E7A for small text on #B0BEC5 without careful contrast checking.
  • Ensure interactive elements have clear visual feedback, possibly using #B0BEC5 for active states on darker buttons.
  • Always verify WCAG contrast ratios, especially for body text and critical information, as the palette is quite close-knit.

Recommended combinations

Forest Depths

Creates a strong, sophisticated contrast for core branding and clean, light accents.

#263238 · #37474F · #B0BEC5

Misty Branches

A softer, more atmospheric blend, ideal for backgrounds or subtle design elements.

#455A64 · #546E7A · #B0BEC5

Evergreen Shadow

Offers rich depth and a gradient-like effect, perfect for textured backgrounds or dark mode interfaces.

#263238 · #455A64 · #546E7A

CSS variables

:root {
  --frosted-winter-evergreen-1: #263238;
  --frosted-winter-evergreen-2: #37474F;
  --frosted-winter-evergreen-3: #455A64;
  --frosted-winter-evergreen-4: #546E7A;
  --frosted-winter-evergreen-5: #B0BEC5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-evergreen": {
        1: "#263238",
        2: "#37474F",
        3: "#455A64",
        4: "#546E7A",
        5: "#B0BEC5",
      }
    }
  }
}

Related searches

dark blue grey winter palettefrosted evergreen color schemecalm cool muted colorssophisticated forest palettewinter blue gray branding

Palette colors

Hex values

Color 1#263238
·
Color 2#37474F
·
Color 3#455A64
·
Color 4#546E7A
·
Color 5#B0BEC5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
2.4:1Fail
6.9:1AA
2
1.4:1Fail
1.3:1Fail
1.8:1Fail
5.1:1AA
3
1.8:1Fail
1.3:1Fail
1.3:1Fail
3.8:1AA18
4
2.4:1Fail
1.8:1Fail
1.3:1Fail
2.8:1Fail
5
6.9:1AA
5.1:1AA
3.8:1AA18
2.8:1Fail

Similar palettes

More like Frosted Winter Evergreen

View all Cool
Frosty Morning Chill
Frosty Pine Winter
Nordic Winter Bloom
Arctic Glacier Lagoon
Enchanted Teal Forest
Glacial Cave Depths