Palette

Winter Evergreen Glow

Captures the quiet beauty of a snowy evergreen forest, with deep greens and frosty accents.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004B49#F0F8FF#A9BCCC#2F4F4F#487C63

Palette guide

How to use Winter Evergreen Glow

Overview

This "Winter Evergreen Glow" palette brings the serene beauty of a snowy forest to digital and print designs. It features a deep, calming teal green, #004B49, alongside a frosty near-white, #F0F8FF, and a muted blue-gray, #A9BCCC. Complementing these are a dark forest green, #2F4F4F, and a more vibrant medium green, #487C63. This combination offers developers a robust foundation for creating tranquil yet sophisticated interfaces. Designers can leverage its cool, crisp tones for branding, web layouts, or illustrations that evoke quiet winter elegance, ensuring visual consistency and a cohesive user experience across various elements from backgrounds to interactive components.

Best used for

Winter-themed branding and logos
Nature-inspired web designs and UI
Editorial layouts for lifestyle or wellness content
Packaging for natural or organic products
Event invitations for winter celebrations
Digital art and illustration depicting serene landscapes

Suggested color roles

primary

A deep, grounding teal green, #004B49, ideal for main brand elements, headers, or prominent call-to-action buttons.

secondary

A dark forest green, #2F4F4F, excellent for subheadings, navigation menus, or significant content blocks, providing depth.

accent

A vibrant medium green, #487C63, perfect for interactive elements, highlights, or graphical accents that need to stand out.

background

A frosty, near-white, #F0F8FF, providing a clean, airy canvas that allows other colors to pop without harsh contrast.

text

The dark green #2F4F4F offers excellent readability against light backgrounds, or a deep charcoal for general body text.

Accessibility notes

Ensure sufficient contrast between #F0F8FF (background) and any text placed upon it, especially with lighter greens.
#004B49 and #2F4F4F provide good contrast for text on #F0F8FF.
Use #A9BCCC cautiously for small text; pair it with darker backgrounds like #004B49 or #2F4F4F for better readability.
Verify all text and interactive element color combinations meet WCAG AA or AAA standards.

Recommended combinations

Forest Canopy

For lush, nature-focused graphics or sections where a rich green hierarchy is desired.

#004B49 · #2F4F4F · #487C63

Frosted Calm

Ideal for clean, serene interfaces or informational pages where #F0F8FF acts as a spacious background.

#F0F8FF · #A9BCCC · #004B49

Deep Winter

Best for sophisticated headers, footers, or dark mode themes, offering depth and elegance.

#2F4F4F · #004B49 · #A9BCCC

CSS variables

:root {
  --winter-evergreen-glow-1: #004B49;
  --winter-evergreen-glow-2: #F0F8FF;
  --winter-evergreen-glow-3: #A9BCCC;
  --winter-evergreen-glow-4: #2F4F4F;
  --winter-evergreen-glow-5: #487C63;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-evergreen-glow": {
        1: "#004B49",
        2: "#F0F8FF",
        3: "#A9BCCC",
        4: "#2F4F4F",
        5: "#487C63",
      }
    }
  }
}

Hex values

Color 1#004B49

Color 2#F0F8FF

Color 3#A9BCCC

Color 4#2F4F4F

Color 5#487C63

Accessibility

Contrast checker

9.3:1AAA

5.1:1AA

1.1:1Fail

2.1:1Fail

9.3:1AAA

1.8:1Fail

8.3:1AAA

4.5:1AA

5.1:1AA

1.8:1Fail

4.6:1AA

2.5:1Fail

1.1:1Fail

8.3:1AAA

4.6:1AA

1.8:1Fail

2.1:1Fail

4.5:1AA

2.5:1Fail

1.8:1Fail

Similar palettes

More like Winter Evergreen Glow

Winter Evergreen Glow

See it in context.

Ready when you are.

Built with Winter Evergreen Glow.

How to use Winter Evergreen Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Forest Canopy

Frosted Calm

Deep Winter

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Winter Evergreen Glow