Palette

Frosted Forest Dawn

The crisp, cool greens of a winter forest at dawn, touched by a delicate frost.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Forest Dawn 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 Forest Dawn.

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

Data visualization

#103426#2D5C4F#5A8B7F#8AC1B2#C0E6D8

Palette guide

How to use Frosted Forest Dawn

Overview

The Frosted Forest Dawn palette captures the crisp, cool greens of a winter forest touched by delicate frost, evoking a serene and tranquil atmosphere. From the deep, grounding #103426 to the airy #C0E6D8, this collection offers a harmonious gradient of greens. The balanced #2D5C4F serves as a versatile primary, while the lighter #5A8B7F introduces a misty, ethereal quality. A refreshing #8AC1B2 provides a bright highlight. This palette is perfect for designs seeking a peaceful, natural, and sophisticated aesthetic, reminiscent of a quiet, frosted morning.

Best used for

Nature-inspired branding and eco-conscious designs
Serene digital experiences and wellness apps
Winter landscape photography and art portfolios
Tranquil home decor and textile designs
Environmental initiatives and conservation efforts
Brand identity focused on calm and clarity

Suggested color roles

primary

Utilize #2D5C4F as the core green for main brand elements, key calls-to-action, or hero sections, providing a calming and stable presence.

secondary

Apply #5A8B7F for supporting headings, sub-sections, or interactive elements to add a lighter, more ethereal dimension.

accent

Reserve #8AC1B2 for bright, refreshing highlights, small icons, or subtle patterns to introduce a clear, invigorating touch.

background

Employ #C0E6D8 as a very light, airy green background, offering a soft, expansive canvas that evokes a gentle frost.

text

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

Accessibility notes

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

Recommended combinations

Deep Forest

Create a deep, serene contrast with #103426 and the light #C0E6D8, anchored by the primary #2D5C4F for a sophisticated, tranquil feel.

#103426 · #C0E6D8 · #2D5C4F

Misty Greens

Combine the mid-tone #5A8B7F with the bright #8AC1B2 accent and the primary #2D5C4F for a layered, ethereal, and refreshing composition.

#5A8B7F · #8AC1B2 · #2D5C4F

Dawn Glow

Pair the primary #2D5C4F with an #C0E6D8 background, using #8AC1B2 for invigorating accents, creating a calm and clear design.

#2D5C4F · #C0E6D8 · #8AC1B2

CSS variables

:root {
  --frosted-forest-dawn-1: #103426;
  --frosted-forest-dawn-2: #2D5C4F;
  --frosted-forest-dawn-3: #5A8B7F;
  --frosted-forest-dawn-4: #8AC1B2;
  --frosted-forest-dawn-5: #C0E6D8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-forest-dawn": {
        1: "#103426",
        2: "#2D5C4F",
        3: "#5A8B7F",
        4: "#8AC1B2",
        5: "#C0E6D8",
      }
    }
  }
}

Hex values

Color 1#103426

Color 2#2D5C4F

Color 3#5A8B7F

Color 4#8AC1B2

Color 5#C0E6D8

Accessibility

Contrast checker

1.8:1Fail

3.5:1AA18

6.7:1AA

10.1:1AAA

1.8:1Fail

2:1Fail

3.8:1AA18

5.6:1AA

3.5:1AA18

2:1Fail

1.9:1Fail

2.9:1Fail

6.7:1AA

3.8:1AA18

1.9:1Fail

1.5:1Fail

10.1:1AAA

5.6:1AA

2.9:1Fail

1.5:1Fail

Similar palettes

More like Frosted Forest Dawn

View all cool

Evergreen Snowfall Chill

Frost Kissed Pine

Frosted Evergreen Mist

Winter Forest Pine

Winter Glade

Arctic Glacier Chill