Palette

Frosted Juniper Berries

A cool, serene palette mimicking the frosted needles of a juniper tree and its dusky berries.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2C3E50#34495E#607D8B#A7CCED#D4E6F1

Palette guide

How to use Frosted Juniper Berries

Overview

The Frosted Juniper Berries palette presents a sophisticated range of cool blues and grays, reminiscent of icy juniper berries and a crisp winter sky. This palette moves from the deep, commanding #2C3E50 (a dark slate blue) to the bright, airy #D4E6F1 (a pale, frosty blue). The intermediate shades of #34495E, #607D8B, and #A7CCED offer a smooth, deliberate progression, allowing for nuanced depth and visual interest. It's an excellent choice for designers aiming for a calm, professional, and contemporary aesthetic, suitable for corporate branding, tech interfaces, or any project seeking a clean and refreshing feel.

Best used for

Corporate and technology company branding
UI/UX design for professional tools or financial apps
Winter-themed campaigns with a modern, cool edge
Educational platforms and scientific visualizations
Clean, minimalist website designs and portfolios
Digital art and illustration focusing on cool tones

Suggested color roles

primary

#2C3E50 - A deep, authoritative slate blue, perfect for strong headings, primary brand elements, or foundational backgrounds that convey reliability.

secondary

#34495E - A slightly lighter but still deep blue-gray, excellent for subheadings, navigation, or secondary calls to action to maintain a cohesive dark base.

accent

#A7CCED - This bright, clear sky blue provides a refreshing pop, ideal for interactive elements, highlights, or graphical accents that need to stand out.

background

#D4E6F1 - The lightest shade, a pale, frosty blue, perfect for expansive, clean backgrounds that give a sense of openness and tranquility.

text

#2C3E50 - For primary body text against light backgrounds like #D4E6F1, ensuring high readability and a consistent cool tone.

Accessibility notes

Ensure sufficient contrast between #2C3E50 or #34495E and #D4E6F1 for all body text.
Lighter shades like #607D8B and #A7CCED will likely fail WCAG AA for small text against #D4E6F1.
White text on #2C3E50 or #34495E provides excellent contrast and is highly recommended for accessibility.
Use a dark blue or black for very small or critical text if the primary dark blue feels too light.

Recommended combinations

Icy Professional

Creates a strong, professional look with clear hierarchy, ideal for corporate designs.

#2C3E50 · #34495E · #D4E6F1

Winter Sky

Excellent for soft, airy backgrounds, gradients, or secondary UI elements for a gentle touch.

#607D8B · #A7CCED · #D4E6F1

Berry Contrast

Use the deepest blue for impact, the bright blue for highlights, and the mid-tone for supporting elements.

#2C3E50 · #A7CCED · #607D8B

CSS variables

:root {
  --frosted-juniper-berries-2-1: #2C3E50;
  --frosted-juniper-berries-2-2: #34495E;
  --frosted-juniper-berries-2-3: #607D8B;
  --frosted-juniper-berries-2-4: #A7CCED;
  --frosted-juniper-berries-2-5: #D4E6F1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-juniper-berries-2": {
        1: "#2C3E50",
        2: "#34495E",
        3: "#607D8B",
        4: "#A7CCED",
        5: "#D4E6F1",
      }
    }
  }
}

Hex values

Color 1#2C3E50

Color 2#34495E

Color 3#607D8B

Color 4#A7CCED

Color 5#D4E6F1

Accessibility

Contrast checker

1.2:1Fail

2.5:1Fail

6.5:1AA

8.6:1AAA

1.2:1Fail

2.1:1Fail

5.5:1AA

7.2:1AAA

2.5:1Fail

2.1:1Fail

2.6:1Fail

3.4:1AA18

6.5:1AA

5.5:1AA

2.6:1Fail

1.3:1Fail

8.6:1AAA

7.2:1AAA

3.4:1AA18

1.3:1Fail

Similar palettes

More like Frosted Juniper Berries