Palette

Frozen Forest Dawn

Captures the quiet majesty of a winter forest at dawn, with icy blues and deep evergreen.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#a9c2c7#e6f0f2#3f5a54#6b7a8a#ced9de

Palette guide

How to use Frozen Forest Dawn

Overview

The 'Frozen Forest Dawn' palette captures the quiet majesty of a winter forest at dawn, blending icy blues with deep evergreen and muted grays. This serene collection, featuring #e6f0f2, #3f5a54, #6b7a8a, #a9c2c7, and #ced9de, is perfect for designs seeking a grounded yet ethereal feel. The deep evergreen (#3f5a54) provides a strong anchor, while the lighter, frosted tones (#e6f0f2, #ced9de) evoke crisp air and soft light. Designers and developers will find this palette versatile for creating natural, sophisticated, and calming digital experiences or branding that speaks to tranquility and understated elegance, with a hint of natural mystique.

Best used for

Nature-inspired branding and websites
Wellness and outdoor lifestyle apps
Winter holiday marketing or seasonal campaigns
Editorial design for magazines or blogs
Cozy e-commerce platforms
Digital art and photography with a calm, muted tone

Suggested color roles

primary

Use #3f5a54 for primary calls-to-action, navigation, or strong brand elements, providing depth and gravitas.

secondary

Employ #6b7a8a for subheadings, secondary buttons, or larger content blocks, offering a versatile mid-tone.

accent

Apply #a9c2c7 for subtle highlights, interactive states, or decorative flourishes, adding a touch of cool lightness.

background

Utilize #e6f0f2 as a crisp, airy background color, ensuring excellent readability and a fresh feel.

text

For body text, a dark color like #3f5a54 or a deep charcoal offers the best contrast on lighter backgrounds.

Accessibility notes

Ensure sufficient contrast between the lighter shades like #e6f0f2 and #ced9de and any text placed upon them.
The mid-tone #6b7a8a can be challenging for text; pair it with significantly lighter or darker text for readability.
Avoid using #a9c2c7 for small text on similarly light backgrounds to prevent legibility issues.
Test all color combinations against WCAG AA guidelines, especially for interactive elements and critical information.

Recommended combinations

Forest Depths

Creates a strong, natural contrast, ideal for hero sections where dark text anchors light, airy visuals.

#3F5A54 · #6B7A8A · #E6F0F2

Misty Dawn

Perfect for subtle gradients or layered elements, evoking a soft, atmospheric, and diffused light effect.

#E6F0F2 · #CED9DE · #A9C2C7

Grounded Serenity

Combines a deep anchor with frosted blues, suitable for balanced layouts that are both strong and gentle.

#3F5A54 · #A9C2C7 · #CED9DE

CSS variables

:root {
  --frozen-forest-dawn-1: #a9c2c7;
  --frozen-forest-dawn-2: #e6f0f2;
  --frozen-forest-dawn-3: #3f5a54;
  --frozen-forest-dawn-4: #6b7a8a;
  --frozen-forest-dawn-5: #ced9de;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-forest-dawn": {
        1: "#a9c2c7",
        2: "#e6f0f2",
        3: "#3f5a54",
        4: "#6b7a8a",
        5: "#ced9de",
      }
    }
  }
}

Hex values

Color 1#a9c2c7

Color 2#e6f0f2

Color 3#3f5a54

Color 4#6b7a8a

Color 5#ced9de

Accessibility

Contrast checker

1.6:1Fail

4:1AA18

2.4:1Fail

1.3:1Fail

1.6:1Fail

6.5:1AA

3.8:1AA18

1.2:1Fail

4:1AA18

6.5:1AA

1.7:1Fail

5.2:1AA

2.4:1Fail

3.8:1AA18

1.7:1Fail

3.1:1AA18

1.3:1Fail

1.2:1Fail

5.2:1AA

3.1:1AA18

Similar palettes

More like Frozen Forest Dawn