Palette

Frosted Juniper Glow

Cool blues and greens, capturing the icy brilliance of juniper berries dusted with winter frost.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Juniper Glow 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 Juniper Glow.

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

Data visualization

#B0C4DE#E0FFFF#ADD8E6#66CDAA#2F4F4F

Palette guide

How to use Frosted Juniper Glow

Overview

The "Frosted Juniper Glow" palette offers a refreshing blend of cool blues and greens, capturing the subtle brilliance of an icy winter morning. With shades like the soft sky blue #B0C4DE and the crisp aqua of #ADD8E6, it creates an ethereal yet grounded feel. The vibrant #66CDAA introduces a lively mint accent, while the near-white #E0FFFF provides an expansive, luminous base. Anchoring the palette is the deep, sophisticated #2F4F4F, a dark slate gray that adds necessary contrast and weight. This versatile scheme is perfect for designs aiming for a clean, modern, and subtly vibrant aesthetic, suitable for digital interfaces or physical products.

Best used for

Clean, modern website designs
Winter holiday branding
Eco-conscious product packaging
Health and wellness applications
Minimalist digital art
Serene interior decor concepts

Suggested color roles

primary

#2F4F4F - A strong, dark slate gray, excellent for primary text, navigation, or footer elements, providing robust contrast and sophistication.

secondary

#B0C4DE - A soft, muted blue, ideal for secondary headings, background sections, or subtle UI components, offering a calming presence.

accent

#66CDAA - A lively mint green that brings a fresh, vibrant touch, perfect for call-to-action buttons, interactive elements, or key highlights.

background

#E0FFFF - A very light, almost white, cool background that ensures high readability and a spacious, airy feel.

text

#2F4F4F - The dark slate gray provides excellent contrast for body text on light backgrounds, ensuring legibility.

Accessibility notes

#2F4F4F on #E0FFFF provides excellent contrast for all text sizes.
Be cautious using #B0C4DE or #ADD8E6 for small text on #E0FFFF backgrounds; always check contrast ratios.
Ensure interactive elements using #66CDAA have sufficient contrast against their background.
For any text on colored backgrounds, verify WCAG AA compliance, particularly for smaller font sizes.

Recommended combinations

Deep Contrast

High-impact pairing for branding, headlines, and calls to action, ensuring clarity and modern appeal.

#2F4F4F · #E0FFFF · #66CDAA

Soft Transitions

Creates a gentle, harmonious flow for background layers, subtle gradients, or decorative elements.

#B0C4DE · #ADD8E6 · #E0FFFF

Vibrant Touch

A light canvas with a pop of mint and a grounding dark tone, great for highlighting features or illustrations.

#E0FFFF · #66CDAA · #2F4F4F

CSS variables

:root {
  --frosted-juniper-glow-1: #B0C4DE;
  --frosted-juniper-glow-2: #E0FFFF;
  --frosted-juniper-glow-3: #ADD8E6;
  --frosted-juniper-glow-4: #66CDAA;
  --frosted-juniper-glow-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-juniper-glow": {
        1: "#B0C4DE",
        2: "#E0FFFF",
        3: "#ADD8E6",
        4: "#66CDAA",
        5: "#2F4F4F",
      }
    }
  }
}

Hex values

Color 1#B0C4DE

Color 2#E0FFFF

Color 3#ADD8E6

Color 4#66CDAA

Color 5#2F4F4F

Accessibility

Contrast checker

1.7:1Fail

1.2:1Fail

1.1:1Fail

5:1AA

1.7:1Fail

1.4:1Fail

1.8:1Fail

8.5:1AAA

1.2:1Fail

1.4:1Fail

1.3:1Fail

5.8:1AA

1.1:1Fail

1.8:1Fail

1.3:1Fail

4.6:1AA

5:1AA

8.5:1AAA

5.8:1AA

4.6:1AA

Similar palettes

More like Frosted Juniper Glow