Back to palettes

Palette

Frosted Juniper Berries

Cool blues and greens blend like frosted juniper berries, hinting at a crisp, cold winter morning.

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

#0F2B2B#2B5A5A#5A8F8F#8CD4D4#C2EDED

Palette guide

How to use Frosted Juniper Berries

Overview

The Frosted Juniper Berries palette is a refreshing collection of deep teal-greens and icy blues, perfectly capturing the essence of a crisp, cold winter morning. This spectrum transitions from the profound, almost black #0F2B2B to the sparkling, ethereal #C2EDED. The intermediate shades of #2B5A5A, #5A8F8F, and #8CD4D4 provide a captivating gradient, offering depth and vibrancy. It's an excellent choice for designers aiming for a cool, invigorating, and modern aesthetic, suitable for environmental branding, tech interfaces, or any project seeking a clean, refreshing, and nature-inspired feel with a strong, sophisticated base.

Best used for

  • Environmental organizations and sustainable brands
  • Tech company branding and UI/UX for innovative apps
  • Winter sports or outdoor adventure marketing
  • Data visualization and analytical dashboards
  • Clean, modern website designs and digital art
  • Branding for spas, wellness centers, or natural products

Suggested color roles

primary

#0F2B2B - A very deep, almost black teal, ideal for strong headings, primary brand elements, or foundational sections that demand gravitas and sophistication.

secondary

#2B5A5A - A rich, dark teal-green, excellent for subheadings, navigation, or secondary calls to action, providing depth while maintaining the cool theme.

accent

#8CD4D4 - This bright, icy blue-green provides a refreshing pop, perfect for interactive elements, highlights, or graphical accents that need to stand out crisply.

background

#C2EDED - The lightest shade, a pale, sparkling aqua, ideal for expansive, clean backgrounds that convey openness, freshness, and a modern feel.

text

#0F2B2B - For primary body text against light backgrounds like #C2EDED, ensuring high readability and a consistent cool, deep tone.

Accessibility notes

  • Ensure #0F2B2B and #2B5A5A provide excellent contrast against #C2EDED for all body text.
  • Lighter shades like #5A8F8F and #8CD4D4 will not meet WCAG AA for small text against #C2EDED and should be reserved for larger display text.
  • White text on #0F2B2B or #2B5A5A provides superior contrast and is highly recommended for readability.
  • Use the darkest tones for interactive elements to ensure clear visibility.

Recommended combinations

Deep Ocean

Creates a strong, sophisticated, and clean look, ideal for corporate or tech interfaces.

#0F2B2B · #2B5A5A · #C2EDED

Icy Sparkle

Excellent for soft, ethereal backgrounds, subtle gradients, or secondary UI elements for a gentle, fresh touch.

#5A8F8F · #8CD4D4 · #C2EDED

Juniper Glow

Use the darkest for impact, the bright blue-green for highlights, and the mid-tone for supporting content.

#0F2B2B · #8CD4D4 · #2B5A5A

CSS variables

:root {
  --frosted-juniper-berries-4-1: #0F2B2B;
  --frosted-juniper-berries-4-2: #2B5A5A;
  --frosted-juniper-berries-4-3: #5A8F8F;
  --frosted-juniper-berries-4-4: #8CD4D4;
  --frosted-juniper-berries-4-5: #C2EDED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-juniper-berries-4": {
        1: "#0F2B2B",
        2: "#2B5A5A",
        3: "#5A8F8F",
        4: "#8CD4D4",
        5: "#C2EDED",
      }
    }
  }
}

Related searches

deep teal color paletteicy blue green schemewinter forest colorsmodern tech UI paletteclean aqua design

Palette colors

Hex values

Color 1#0F2B2B
·
Color 2#2B5A5A
·
Color 3#5A8F8F
·
Color 4#8CD4D4
·
Color 5#C2EDED
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
4.1:1AA18
8.9:1AAA
11.9:1AAA
2
1.9:1Fail
2.1:1Fail
4.6:1AA
6.1:1AA
3
4.1:1AA18
2.1:1Fail
2.2:1Fail
2.9:1Fail
4
8.9:1AAA
4.6:1AA
2.2:1Fail
1.3:1Fail
5
11.9:1AAA
6.1:1AA
2.9:1Fail
1.3:1Fail

Similar palettes

More like Frosted Juniper Berries

View all cool