Back to palettes

Palette

Frost Kissed Pine

Soft blues and greens evoke a peaceful winter forest scene with a touch of frost.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frost Kissed Pine 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 Frost Kissed Pine.

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

Data visualization

#5F9EA0#ADD8E6#B0E0E6#6A5ACD#4682B4

Palette guide

How to use Frost Kissed Pine

Overview

The Frost Kissed Pine palette offers a harmonious blend of cool blues, greens, and a touch of purple, evoking a peaceful winter forest scene. It includes a grounding cadet blue (#5F9EA0), a refreshing light blue (#ADD8E6), a soft powder blue (#B0E0E6), a sophisticated slate blue (#6A5ACD), and a strong steel blue (#4682B4). This palette is ideal for designers and developers aiming to create serene, nature-focused, or calming designs. Its balanced cool tones provide versatility for both digital interfaces and print materials, establishing an atmosphere of tranquility and natural elegance.

Best used for

  • Nature-inspired branding and identity
  • Eco-friendly product packaging
  • Outdoor adventure websites
  • Serene meditation or wellness apps
  • Educational materials with a calming aesthetic
  • Winter landscape photography presentations

Suggested color roles

primary

Use #4682B4 as a strong, stable blue for primary branding, headlines, or key interactive elements.

secondary

Apply #5F9EA0 as an earthy, grounding green-blue for supportive sections or to add natural depth.

accent

Introduce #6A5ACD for a sophisticated, deeper blue-purple accent, ideal for highlights or special interactive states.

background

Utilize #B0E0E6 as a light, refreshing background that provides a clean and expansive base.

text

For body text, use a dark gray or black for optimal readability, or #4682B4 for prominent headings.

Accessibility notes

  • Ensure sufficient contrast for text on #ADD8E6 and #B0E0E6, using dark gray or black for readability.
  • Text on #5F9EA0 might require a lighter color for optimal readability if used as a background.
  • Use #4682B4 or #6A5ACD for clear interactive elements to ensure they stand out.
  • Avoid placing #ADD8E6 and #B0E0E6 in high-contrast situations with small text due to their similar lightness.

Recommended combinations

Forest Depths

For core brand identity, natural themes, and impactful hero sections.

#4682B4 · #5F9EA0 · #B0E0E6

Icy Pine

Ideal for accent details, interactive states, and sophisticated design elements.

#6A5ACD · #ADD8E6 · #5F9EA0

Serene Frost

Effective for backgrounds, subtle gradients, and secondary information displays.

#ADD8E6 · #B0E0E6 · #4682B4

CSS variables

:root {
  --frost-kissed-pine-1: #5F9EA0;
  --frost-kissed-pine-2: #ADD8E6;
  --frost-kissed-pine-3: #B0E0E6;
  --frost-kissed-pine-4: #6A5ACD;
  --frost-kissed-pine-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frost-kissed-pine": {
        1: "#5F9EA0",
        2: "#ADD8E6",
        3: "#B0E0E6",
        4: "#6A5ACD",
        5: "#4682B4",
      }
    }
  }
}

Related searches

winter forest color palettecool blue green purplenature inspired design colorscalming winter huesserene outdoor palette

Palette colors

Hex values

Color 1#5F9EA0
·
Color 2#ADD8E6
·
Color 3#B0E0E6
·
Color 4#6A5ACD
·
Color 5#4682B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.1:1Fail
1.7:1Fail
1.3:1Fail
2
2:1Fail
1.1:1Fail
3.5:1AA18
2.7:1Fail
3
2.1:1Fail
1.1:1Fail
3.7:1AA18
2.9:1Fail
4
1.7:1Fail
3.5:1AA18
3.7:1AA18
1.3:1Fail
5
1.3:1Fail
2.7:1Fail
2.9:1Fail
1.3:1Fail

Similar palettes

More like Frost Kissed Pine

View all cool
Arctic Glacier Chill
Evergreen Snowfall Chill
Frosted Forest Dawn
Frozen Crystal Grotto
Glacial Iceberg Flow
Winter Chill Vista