Palette

Frosted Winter Sprig

Crisp and delicate, capturing the beauty of a small evergreen sprig kissed by winter's frost.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Winter Sprig 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 Winter Sprig.

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

Data visualization

#ADD8E6#B0C4DE#87CEEB#6A5ACD#4682B4

Palette guide

How to use Frosted Winter Sprig

Overview

The Frosted Winter Sprig palette elegantly combines crisp blues with a touch of deep purple, reflecting the delicate beauty of an evergreen sprig kissed by frost. Shades like #ADD8E6 (light blue), #B0C4DE (light steel blue), and #87CEEB (sky blue) provide an airy, cool foundation. The inclusion of #6A5ACD (slate blue) and #4682B4 (steel blue) introduces depth and a subtle hint of rich color, reminiscent of winter berries. This palette is perfect for designers and developers looking to create designs that are fresh, sophisticated, and evoke a sense of natural tranquility, suitable for branding, web interfaces, or seasonal marketing materials.

Best used for

Nature-inspired branding and logos
Seasonal marketing campaigns
Outdoor lifestyle websites
Clean and fresh UI/UX designs
Digital art with a winter theme
Eco-conscious product packaging

Suggested color roles

primary

Use #87CEEB as a vibrant primary color for main content areas or headers, providing an inviting and clear presence.

secondary

Employ #ADD8E6 or #B0C4DE for supporting elements, background textures, or secondary information blocks, maintaining a light feel.

accent

Reserve #6A5ACD for high-impact accents, call-to-action buttons, or key visual elements to add a sophisticated, deep contrast.

background

Utilize #ADD8E6 for expansive, clean backgrounds, offering a light and refreshing canvas for content.

text

For optimal readability, use #4682B4 or a dark charcoal/black for body text and headings on lighter backgrounds. For text on #6A5ACD, a crisp white is ideal.

Accessibility notes

Ensure sufficient contrast for text, especially when using lighter blues like #ADD8E6 for text on #B0C4DE.
The darker shades #4682B4 and #6A5ACD provide excellent contrast for text on light backgrounds.
Always verify color contrast ratios for all text and interactive elements to meet WCAG guidelines.
Be mindful of color-blind users when differentiating between similar blue tones; use varying saturation or value.

Recommended combinations

Icy Fresh

Ideal for light, airy backgrounds and subtle gradients, evoking a crisp, clean atmosphere.

#ADD8E6 · #B0C4DE · #87CEEB

Deep Winter

Excellent for primary content blocks, navigation, or strong accents, providing depth and a touch of richness.

#4682B4 · #6A5ACD · #ADD8E6

Sprig Accent

Suitable for interactive elements, headlines, or illustrations where a pop of sophisticated color is desired against a cool base.

#87CEEB · #6A5ACD · #B0C4DE

CSS variables

:root {
  --frosted-winter-sprig-1: #ADD8E6;
  --frosted-winter-sprig-2: #B0C4DE;
  --frosted-winter-sprig-3: #87CEEB;
  --frosted-winter-sprig-4: #6A5ACD;
  --frosted-winter-sprig-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-winter-sprig": {
        1: "#ADD8E6",
        2: "#B0C4DE",
        3: "#87CEEB",
        4: "#6A5ACD",
        5: "#4682B4",
      }
    }
  }
}

Hex values

Color 1#ADD8E6

Color 2#B0C4DE

Color 3#87CEEB

Color 4#6A5ACD

Color 5#4682B4

Accessibility

Contrast checker

1.2:1Fail

1.1:1Fail

3.5:1AA18

2.7:1Fail

1.2:1Fail

1:1Fail

3:1Fail

2.3:1Fail

1.1:1Fail

1:1Fail

3:1AA18

2.4:1Fail

3.5:1AA18

3:1Fail

3:1AA18

1.3:1Fail

2.7:1Fail

2.3:1Fail

2.4:1Fail

1.3:1Fail

Similar palettes

More like Frosted Winter Sprig

View all cool

Frozen Whispers

Winter Glacier Bloom

Alpine Frost Serenity

Arctic Dawn Light

Arctic Frost Jewel

Arctic Glacier Chill