Back to palettes

Palette

Frosted Juniper Bush

Cool blues and greens represent the resilient beauty of juniper branches lightly touched by frost.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3B6C6B#689F9E#9DD7D6#C7EAE9#EBF7F7

Palette guide

How to use Frosted Juniper Bush

Overview

The "Frosted Juniper Bush" palette offers a serene blend of cool greens and teals, evoking a tranquil winter landscape. This collection is ideal for designs seeking a natural, calming, and slightly muted aesthetic. Dominant shades like the deep teal #3B6C6B and the softer #689F9E provide a strong base, while lighter hues such as #9DD7D6 and the very pale #EBF7F7 introduce a crisp, airy feel. Designers can leverage this palette for projects requiring a sense of peace, environmental connection, or understated elegance. The mid-tone #C7EAE9 bridges the darker and lighter elements beautifully, ensuring visual harmony across various applications, from digital interfaces to print materials.

Best used for

  • Nature-inspired branding
  • Eco-friendly product packaging
  • Spa and wellness website design
  • Winter-themed event invitations
  • Minimalist interior design concepts
  • Serene mobile app interfaces

Suggested color roles

primary

#3B6C6B - A deep, grounding teal perfect for main calls-to-action, significant headers, or foundational elements. It conveys stability and depth.

secondary

#689F9E - A balanced mid-tone green-blue, excellent for subheadings, navigation links, or secondary graphical elements that need to stand out gently.

accent

#9DD7D6 - A brighter, yet still soft, teal that can highlight interactive elements, small icons, or specific data points without being overly dominant.

background

#EBF7F7 - A very light, almost white, cool background that provides a clean, airy canvas, enhancing readability and giving a sense of spaciousness.

text

#3B6C6B (or a dark charcoal like #333333 for improved contrast on lighter backgrounds) - Use the deepest teal for headings and crucial text, ensuring good readability.

Accessibility notes

  • Ensure sufficient contrast between #3B6C6B text and #EBF7F7 background (passes WCAG AA for large text, often for regular text).
  • Avoid using #C7EAE9 or #9DD7D6 for small text on very light backgrounds like #EBF7F7 without checking contrast ratios.
  • For interactive elements, ensure hover/focus states provide clear visual distinction.
  • Consider using a darker text color (e.g., black or very dark gray) for body text on #EBF7F7 if WCAG AAA compliance is required.

Recommended combinations

Deep & Light

High-contrast pairing for headers, buttons, and clean content blocks, offering clear readability.

#3B6C6B · #EBF7F7 · #689F9E

Subtle Depth

Creates a gentle, layered effect suitable for backgrounds, gradients, or subtle data visualizations.

#689F9E · #9DD7D6 · #C7EAE9

Accentuated Calm

A light base with a crisp accent and grounding primary, ideal for elegant UI elements or illustrations.

#EBF7F7 · #9DD7D6 · #3B6C6B

CSS variables

:root {
  --frosted-juniper-bush-1: #3B6C6B;
  --frosted-juniper-bush-2: #689F9E;
  --frosted-juniper-bush-3: #9DD7D6;
  --frosted-juniper-bush-4: #C7EAE9;
  --frosted-juniper-bush-5: #EBF7F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-juniper-bush": {
        1: "#3B6C6B",
        2: "#689F9E",
        3: "#9DD7D6",
        4: "#C7EAE9",
        5: "#EBF7F7",
      }
    }
  }
}

Related searches

calm green blue palettewinter teal color schemenatural cool tones designevergreen frost paletteserene branding colors

Palette colors

Hex values

Color 1#3B6C6B
·
Color 2#689F9E
·
Color 3#9DD7D6
·
Color 4#C7EAE9
·
Color 5#EBF7F7
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.7:1AA18
4.6:1AA
5.4:1AA
2
2:1Fail
1.9:1Fail
2.3:1Fail
2.7:1Fail
3
3.7:1AA18
1.9:1Fail
1.2:1Fail
1.5:1Fail
4
4.6:1AA
2.3:1Fail
1.2:1Fail
1.2:1Fail
5
5.4:1AA
2.7:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Frosted Juniper Bush

View all cool
Bohemian Sky Weave
Coastal Seagrass Whisper
Crimson Holly Frost
Emerald Bamboo Sway
Emerald River Stone
Emerald Riverbed Moss