Back to palettes

Palette

Frosted Juniper Berries

Captures the serene chill of winter with frosted blue-green berries against muted, cold evergreen hues.

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

#C4DDE5#8BB6C4#4F7F8C#2E5C6B#1B3F49

Palette guide

How to use Frosted Juniper Berries

Overview

The Frosted Juniper Berries palette offers a sophisticated range of cool blue-greens, transitioning from a light, airy frost to a deep, mysterious evergreen. This spectrum, featuring the delicate #C4DDE5 and the profound #1B3F49, perfectly captures the serene chill of a winter landscape. Intermediate shades like #8BB6C4, #4F7F8C, and #2E5C6B provide a smooth, captivating gradient, ideal for creating depth and visual interest. Designers can leverage this palette to achieve a calm, professional, and nature-inspired aesthetic, suitable for corporate branding, wellness apps, or any project seeking a refreshing yet grounded presence.

Best used for

  • Corporate branding for finance or professional services
  • UI/UX design for meditation or wellness applications
  • Nature-inspired photography portfolios or blogs
  • Winter-themed marketing materials and campaigns
  • Educational content focusing on tranquility or environment
  • Digital art and illustration seeking a cool, muted tone

Suggested color roles

primary

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

secondary

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

accent

#8BB6C4 - 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

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

text

#1B3F49 - For primary body text to ensure high readability against light backgrounds like #C4DDE5. For smaller text or less crucial information, a slightly lighter shade like #2E5C6B could be used.

Accessibility notes

  • Ensure sufficient contrast between #1B3F49 or #2E5C6B and #C4DDE5 for body text.
  • Text in #8BB6C4 or #4F7F8C against #C4DDE5 will likely fail WCAG AA contrast ratios and should be avoided for crucial information.
  • Use #1B3F49 for interactive elements to ensure clear visibility and clickability against lighter backgrounds.
  • Consider a slightly darker charcoal or black for very small text if #1B3F49 feels too light for certain contexts.

Recommended combinations

Deep Forest Chill

Excellent for high-contrast branding, where the deep blue-green anchors the design.

#1B3F49 · #2E5C6B · #C4DDE5

Icy Serenity

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

#4F7F8C · #8BB6C4 · #C4DDE5

Juniper Depth

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

#1B3F49 · #8BB6C4 · #2E5C6B

CSS variables

:root {
  --frosted-juniper-berries-1: #C4DDE5;
  --frosted-juniper-berries-2: #8BB6C4;
  --frosted-juniper-berries-3: #4F7F8C;
  --frosted-juniper-berries-4: #2E5C6B;
  --frosted-juniper-berries-5: #1B3F49;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-juniper-berries": {
        1: "#C4DDE5",
        2: "#8BB6C4",
        3: "#4F7F8C",
        4: "#2E5C6B",
        5: "#1B3F49",
      }
    }
  }
}

Related searches

cool blue green palettewinter design colorstranquil blue grey schemepeaceful UI colorsserene website palette

Palette colors

Hex values

Color 1#C4DDE5
·
Color 2#8BB6C4
·
Color 3#4F7F8C
·
Color 4#2E5C6B
·
Color 5#1B3F49
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
3.1:1AA18
5.2:1AA
8:1AAA
2
1.5:1Fail
2:1Fail
3.4:1AA18
5.2:1AA
3
3.1:1AA18
2:1Fail
1.7:1Fail
2.6:1Fail
4
5.2:1AA
3.4:1AA18
1.7:1Fail
1.5:1Fail
5
8:1AAA
5.2:1AA
2.6:1Fail
1.5:1Fail

Similar palettes

More like Frosted Juniper Berries

View all cool
Arctic Aurora Glow
Fjords Ice Chill
Frosted Juniper Berries
Frosted Lake Reflection
Frosted Winter Lake
Frosted Woodland Serene