Back to palettes

Palette

Frosty Winter Glade

A crisp, cool blend of frosted greens and icy blues, evoking a quiet, snow-dusted winter glade.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosty Winter Glade 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 Frosty Winter Glade.

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

Data visualization

#0A2E2F#215D5F#4A8C8F#7EBDBD#B9E9EA

Palette guide

How to use Frosty Winter Glade

Overview

The Frosty Winter Glade palette (ID frosty-winter-glade) offers a crisp, cool blend of frosted greens and icy blues, evoking a quiet, snow-dusted winter glade. This collection features a very deep teal #0A2E2F, a rich dark teal #215D5F, a vibrant teal-blue #4A8C8F, a bright aqua #7EBDBD, and a very light, almost white aqua #B9E9EA. Designers and developers can utilize these refreshing hues to create dynamic yet calming digital experiences. The strong contrast between the deep and light shades provides excellent versatility for establishing clear visual hierarchy, making it perfect for interfaces that demand both vibrancy and serene professionalism.

Best used for

  • Eco-friendly branding and environmental websites
  • UI for outdoor adventure or nature exploration apps
  • Serene digital art or illustrative projects
  • Wellness and mindfulness platforms with a refreshing feel
  • Travel agencies promoting cold-weather destinations
  • Modern corporate designs seeking a touch of nature

Suggested color roles

primary

#215D5F for main interactive elements, headers, or important data visualizations, providing a strong foundation.

secondary

#4A8C8F for subheadings, secondary calls to action, or background elements that need clear definition.

accent

#7EBDBD can be a vibrant accent for highlights, interactive states, or graphic elements, drawing attention.

background

#B9E9EA provides a very light, airy canvas, while #7EBDBD can be used for more saturated sections.

text

#0A2E2F for primary body text on light backgrounds like #B9E9EA or #7EBDBD.

Accessibility notes

  • #0A2E2F provides excellent contrast for text on #B9E9EA or #7EBDBD, ensuring high readability.
  • #4A8C8F text on #B9E9EA will also offer good contrast for headings and larger elements.
  • Be cautious with #7EBDBD on #B9E9EA for small text; ensure sufficient contrast for accessibility.
  • Ensure interactive elements have clear visual feedback, especially when using brighter shades.

Recommended combinations

Deep Forest Edge

Creates a high-contrast design, with a light base, strong dark teal for content, and deepest teal for anchors.

#B9E9EA · #215D5F · #0A2E2F

Icy Greens

Ideal for smooth gradients, subtle background patterns, or layered visual components.

#4A8C8F · #7EBDBD · #B9E9EA

Glade Contrast

Effective for highlighting key information or calls to action, using the deep teal with bright aqua accents.

#0A2E2F · #7EBDBD · #4A8C8F

CSS variables

:root {
  --frosty-winter-glade-1: #0A2E2F;
  --frosty-winter-glade-2: #215D5F;
  --frosty-winter-glade-3: #4A8C8F;
  --frosty-winter-glade-4: #7EBDBD;
  --frosty-winter-glade-5: #B9E9EA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosty-winter-glade": {
        1: "#0A2E2F",
        2: "#215D5F",
        3: "#4A8C8F",
        4: "#7EBDBD",
        5: "#B9E9EA",
      }
    }
  }
}

Related searches

winter teal green palettecrisp icy blue UIserene forest glade colorscool nature web designvibrant winter branding

Palette colors

Hex values

Color 1#0A2E2F
·
Color 2#215D5F
·
Color 3#4A8C8F
·
Color 4#7EBDBD
·
Color 5#B9E9EA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.8:1AA18
6.9:1AA
11:1AAA
2
1.9:1Fail
1.9:1Fail
3.5:1AA18
5.7:1AA
3
3.8:1AA18
1.9:1Fail
1.8:1Fail
2.9:1Fail
4
6.9:1AA
3.5:1AA18
1.8:1Fail
1.6:1Fail
5
11:1AAA
5.7:1AA
2.9:1Fail
1.6:1Fail

Similar palettes

More like Frosty Winter Glade

View all cool
Arctic Northern Bloom
Evergreen Snowfall Chill
Frost Kissed Berries
Frosted Alpine Bloom
Frosted Berry Patch
Frosted Evergreen Haze