Palette

Frosted Juniper Berry

Inspired by cool winter mornings, with icy blues and muted greens reflecting frosty juniper branches and deep skies.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A535D#708892#AABFCE#CCDDE7#E1EBF2

Palette guide

How to use Frosted Juniper Berry

Overview

The Frosted Juniper Berry palette offers a cool, tranquil spectrum of muted blues and grays, reminiscent of icy winter mornings and frosted evergreen branches. This serene collection moves from the deep, grounding #3A535D (a dusky slate blue) to the airy, almost-white #E1EBF2 (a crisp, pale frost). Intermediate shades like #708892, #AABFCE, and #CCDDE7 provide a smooth, calming gradient, perfect for creating designs that feel clean, sophisticated, and peaceful. It's an excellent choice for designers aiming for a minimalist aesthetic in UI/UX, corporate branding, or any project seeking a serene and professional presence.

Best used for

Corporate websites and branding for calm, professional services
Minimalist UI/UX designs for productivity or wellness apps
Winter-themed marketing materials and holiday campaigns
Nature-inspired photography portfolios or blogs
Architectural presentations and interior design concepts
Digital art and illustration seeking a cool, muted tone

Suggested color roles

primary

#3A535D - A deep, anchoring slate blue, ideal for strong headings, primary buttons, or significant brand elements where gravitas and stability are desired.

secondary

#708892 - A versatile mid-tone blue-gray, excellent for subheadings, secondary calls to action, or larger content blocks to maintain a cohesive cool theme.

accent

#AABFCE - This muted, frosty blue provides a crisp contrast, perfect for interactive elements, highlights, or subtle design flourishes that need to pop without being overly bold.

background

#E1EBF2 - An almost-white, ethereal shade, ideal for clean, spacious backgrounds that allow other colors and content to breathe.

text

#3A535D - For primary body text to ensure high readability against light backgrounds like #E1EBF2. For smaller text or less crucial information, a slightly lighter shade like #708892 could be used.

Accessibility notes

Ensure sufficient contrast between #3A535D or #708892 and #E1EBF2 for body text.
Text in #AABFCE or #CCDDE7 against #E1EBF2 will likely fail WCAG AA contrast ratios and should be avoided for crucial information.
Use #3A535D for interactive elements to ensure clear visibility and clickability against lighter backgrounds.
Consider a slightly darker charcoal or black for very small text if #3A535D feels too light for certain contexts.

Recommended combinations

Winter Depth

Excellent for high-contrast branding, where the deep blue anchors the design, and the light blue provides clean space.

#3A535D · #708892 · #E1EBF2

Icy Tranquility

Creates a soft, ethereal feel, ideal for backgrounds, subtle gradients, or decorative elements.

#AABFCE · #CCDDE7 · #E1EBF2

Forest Path

A balanced combination for headers, sub-headers, and content blocks, offering clear hierarchy.

#3A535D · #AABFCE · #708892

CSS variables

:root {
  --frosted-juniper-berry-1: #3A535D;
  --frosted-juniper-berry-2: #708892;
  --frosted-juniper-berry-3: #AABFCE;
  --frosted-juniper-berry-4: #CCDDE7;
  --frosted-juniper-berry-5: #E1EBF2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-juniper-berry": {
        1: "#3A535D",
        2: "#708892",
        3: "#AABFCE",
        4: "#CCDDE7",
        5: "#E1EBF2",
      }
    }
  }
}

Hex values

Color 1#3A535D

Color 2#708892

Color 3#AABFCE

Color 4#CCDDE7

Color 5#E1EBF2

Accessibility

Contrast checker

2.2:1Fail

4.3:1AA18

5.8:1AA

6.7:1AA

2.2:1Fail

2:1Fail

2.7:1Fail

3.1:1AA18

4.3:1AA18

2:1Fail

1.4:1Fail

1.6:1Fail

5.8:1AA

2.7:1Fail

1.4:1Fail

1.2:1Fail

6.7:1AA

3.1:1AA18

1.6:1Fail

1.2:1Fail

Similar palettes

More like Frosted Juniper Berry

View all cool

Evergreen Snowfall Chill

Frost Kissed Berries

Frost Kissed Pine

Frosted Berry Crumble

Frosted Berry Patch

Frosted Berry Sparkle