Back to palettes

Palette

Frosted Juniper Berries

Cool, crisp tones reflecting frosted juniper and icy winter mornings, calm and refreshing.

CoolMinimal5 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

#3F5761#627C85#B6C2C9#CED4DA#E1E8EE

Palette guide

How to use Frosted Juniper Berries

Overview

The Frosted Juniper Berries palette offers a refined, minimalist selection of cool blue-grays, evoking the subtle beauty of icy winter mornings. This spectrum transitions from the deep, grounding #3F5761 (a muted teal-gray) to the crisp, almost-white #E1E8EE. The intermediate shades of #627C85, #B6C2C9, and #CED4DA provide a gentle, sophisticated gradient, perfect for designs that require understated elegance and a sense of calm. It's an ideal choice for designers aiming for a clean, modern aesthetic in UI/UX, luxury branding, or architectural presentations where clarity and spaciousness are key without strong color dominance.

Best used for

  • Minimalist web design and mobile app interfaces
  • Luxury lifestyle branding and corporate identities
  • Architectural and interior design portfolios
  • Photography websites emphasizing clean aesthetics
  • Backgrounds and subtle textures in digital art
  • Scientific or data visualization projects needing a neutral base

Suggested color roles

primary

#3F5761 - A deep, cool blue-gray, excellent for main headings, primary navigation, or foundational elements that provide stability and a sophisticated anchor.

secondary

#627C85 - A versatile mid-tone blue-gray, perfect for subheadings, secondary calls to action, or larger content blocks to add subtle depth.

accent

#B6C2C9 - This lighter, muted gray can be used for hover states, subtle active indicators, or as a gentle highlight against darker tones.

background

#E1E8EE - The lightest shade, a crisp, near-white, ideal for clean, expansive backgrounds that allow content to breathe and maintain an airy feel.

text

#3F5761 - For primary body text against #E1E8EE or a clean white, ensuring readability while maintaining the palette's cool, muted aesthetic.

Accessibility notes

  • Text contrast is crucial. Use #3F5761 or a darker neutral like charcoal for body text against #E1E8EE.
  • Lighter shades like #B6C2C9 and #CED4DA will likely fail WCAG AA for small text against #E1E8EE.
  • Ensure interactive elements are clearly distinguishable, potentially by using a subtle border or icon rather than just color difference.
  • White text on #3F5761 provides excellent contrast for headings or large elements.

Recommended combinations

Subtle Structure

Creates a refined, layered look, great for card designs or distinct content sections.

#3F5761 · #627C85 · #E1E8EE

Icy Mists

Ideal for soft, ethereal backgrounds, subtle gradients, or decorative elements needing a gentle touch.

#B6C2C9 · #CED4DA · #E1E8EE

Clean Foundation

Use the darkest for anchors, the lightest for space, and the mid-tone for supporting content and borders.

#3F5761 · #E1E8EE · #627C85

CSS variables

:root {
  --frosted-juniper-berries-3-1: #3F5761;
  --frosted-juniper-berries-3-2: #627C85;
  --frosted-juniper-berries-3-3: #B6C2C9;
  --frosted-juniper-berries-3-4: #CED4DA;
  --frosted-juniper-berries-3-5: #E1E8EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-juniper-berries-3": {
        1: "#3F5761",
        2: "#627C85",
        3: "#B6C2C9",
        4: "#CED4DA",
        5: "#E1E8EE",
      }
    }
  }
}

Related searches

minimalist grey blue palettecool neutral color schemetranquil UI colorssophisticated winter paletteclean architectural colors

Palette colors

Hex values

Color 1#3F5761
·
Color 2#627C85
·
Color 3#B6C2C9
·
Color 4#CED4DA
·
Color 5#E1E8EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
4.2:1AA18
5.1:1AA
6.2:1AA
2
1.7:1Fail
2.4:1Fail
3:1Fail
3.6:1AA18
3
4.2:1AA18
2.4:1Fail
1.2:1Fail
1.5:1Fail
4
5.1:1AA
3:1Fail
1.2:1Fail
1.2:1Fail
5
6.2:1AA
3.6:1AA18
1.5:1Fail
1.2:1Fail

Similar palettes

More like Frosted Juniper Berries

View all Cool
Arctic Chill
Arctic Fox Camouflage
Arctic Glacier Chill
Glacier Ice Peaks
Silent Arctic Tundra
Zen Garden Pond