Back to palettes

Palette

Frosted Evergreen Haze

A cool, serene blend capturing the quiet beauty of a frosted evergreen forest at dawn.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A382E#1B5E20#33691E#8BC34A#C8E6C9

Palette guide

How to use Frosted Evergreen Haze

Overview

The Frosted Evergreen Haze palette captures the serene and crisp beauty of a winter forest at dawn, offering a range of deep to fresh greens. From the grounding #0A382E to the vibrant #8BC34A, this collection evokes tranquility. The rich #1B5E20 serves as a robust primary, while the lighter #C8E6C9 provides an airy, frosted base. The earthy #33691E adds a warm undertone. This palette is perfect for designs focused on nature, sustainability, and calm, providing a harmonious blend that feels both fresh and deeply rooted, reminiscent of mist-kissed evergreens.

Best used for

  • Nature-themed branding and eco-friendly products
  • Outdoor adventure websites and travel blogs
  • Wellness apps and organic food packaging
  • Serene digital experiences and meditation guides
  • Environmental organizations and conservation efforts
  • Brand identity focused on freshness and growth

Suggested color roles

primary

Utilize #1B5E20 as the core green for main brand elements, key calls-to-action, or hero sections, providing a strong, natural presence.

secondary

Apply #33691E for supporting headings, sub-sections, or interactive elements to add a slightly warmer, earthy dimension.

accent

Reserve #8BC34A for bright, fresh highlights, small icons, or illustrative details to introduce a lively, invigorating touch.

background

Employ #C8E6C9 as a very light, muted green background, offering a soft, expansive canvas that evokes a gentle haze.

text

Choose #0A382E for all primary body text and important information to ensure excellent readability and a deep, grounding contrast.

Accessibility notes

  • Ensure #0A382E text has strong contrast on #C8E6C9 and #8BC34A backgrounds to meet WCAG guidelines.
  • Avoid using #8BC34A for small text or critical information, as its brightness can reduce readability for some users.
  • Test interactive elements thoroughly to ensure hover and active states are clearly distinguishable against the greens.
  • Consider using a crisp white for text on the darkest color #0A382E to maximize contrast in specific design contexts.

Recommended combinations

Forest Depth

Create a deep, natural contrast with #0A382E and the light #C8E6C9, anchored by the primary #1B5E20 for a grounded feel.

#0A382E · #C8E6C9 · #1B5E20

Fresh Accent

Combine the primary #1B5E20 with the vibrant #8BC34A accent and the light #C8E6C9 background for a fresh and lively composition.

#1B5E20 · #8BC34A · #C8E6C9

Earthy Blend

Layer the earthy #33691E with the deep #0A382E and the bright #8BC34A for a natural, dynamic, and balanced design.

#33691E · #0A382E · #8BC34A

CSS variables

:root {
  --frosted-evergreen-haze-1: #0A382E;
  --frosted-evergreen-haze-2: #1B5E20;
  --frosted-evergreen-haze-3: #33691E;
  --frosted-evergreen-haze-4: #8BC34A;
  --frosted-evergreen-haze-5: #C8E6C9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-evergreen-haze": {
        1: "#0A382E",
        2: "#1B5E20",
        3: "#33691E",
        4: "#8BC34A",
        5: "#C8E6C9",
      }
    }
  }
}

Related searches

evergreen green palettetranquil forest colorscrisp nature schemeeco-friendly designfrosted green hues

Palette colors

Hex values

Color 1#0A382E
·
Color 2#1B5E20
·
Color 3#33691E
·
Color 4#8BC34A
·
Color 5#C8E6C9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2:1Fail
6.2:1AA
9.7:1AAA
2
1.6:1Fail
1.2:1Fail
3.7:1AA18
5.9:1AA
3
2:1Fail
1.2:1Fail
3.1:1AA18
4.9:1AA
4
6.2:1AA
3.7:1AA18
3.1:1AA18
1.6:1Fail
5
9.7:1AAA
5.9:1AA
4.9:1AA
1.6:1Fail

Similar palettes

More like Frosted Evergreen Haze

View all cool
Deep Forest Lull
Emerald Valley Mist
Enchanted Grove Mist
Evergreen Snowfall Chill
Foggy Pine Woods
Frosted Evergreen Mist