Palette

Juniper Hush

Quiet, muted greens and grays reflecting the serene stillness of a juniper forest at dusk.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#34493F#5F7C72#8FB2AA#C5D8D4#2A3A33

Palette guide

How to use Juniper Hush

Overview

The Juniper Hush palette embodies the serene stillness of a juniper forest at dusk, featuring quiet, muted greens and grays. From the deep, almost charcoal #2A3A33 to the lighter, airy #C5D8D4, this collection creates a sophisticated and contemplative atmosphere. Mid-tones like #34493F, #5F7C72, and #8FB2AA provide subtle variations, allowing for depth without sacrificing tranquility. Designers and developers can leverage this palette for projects that require a minimalist, elegant, and calming aesthetic. It's ideal for conveying a sense of understated luxury, natural peace, and thoughtful design.

Best used for

Minimalist and sophisticated brand identities
Interior design schemes for calm spaces
Contemplative and mindful mobile applications
Artisanal product packaging with an earthy feel
Serene digital interfaces for luxury goods
Photography portfolios with a natural, muted aesthetic

Suggested color roles

primary

Utilize #2A3A33 as the core, grounding color for strong headings, navigation, or footer sections, providing depth and gravitas.

secondary

Apply #34493F for supporting elements, subheadings, or as a background for sections requiring a slightly softer dark tone.

accent

Introduce #5F7C72 for subtle highlights, decorative elements, or interactive states where a gentle pop of color is desired.

background

Employ #C5D8D4 as a primary background color, offering a light, ethereal base that enhances readability and a sense of spaciousness.

text

For text on lighter backgrounds, #2A3A33 or a deep charcoal ensures excellent readability. On darker shades like #2A3A33, white or a very light gray provides clear contrast.

Accessibility notes

Ensure dark text (e.g., #2A3A33 or black) is used on #C5D8D4 for optimal readability and WCAG compliance.
White text on #2A3A33 and #34493F will provide strong contrast and be easily readable.
Exercise caution when using #8FB2AA for text on #C5D8D4, as the contrast may be insufficient; always verify.
Prioritize clear contrast for all interactive elements to ensure usability, especially for buttons and links.

Recommended combinations

Dusk Serenity

Combine for a strong dark header, a light background, and a soft accent for subtle emphasis or decorative details.

#2A3A33 · #C5D8D4 · #5F7C72

Muted Depth

Layer these for content cards or sections, creating a subtle gradient of muted greens and grays that adds visual interest.

#34493F · #8FB2AA · #C5D8D4

Quiet Contrast

Use the deepest shade for primary text, the lightest for the background, and the mid-dark for subheadings or borders.

#2A3A33 · #C5D8D4 · #34493F

CSS variables

:root {
  --juniper-hush-1: #34493F;
  --juniper-hush-2: #5F7C72;
  --juniper-hush-3: #8FB2AA;
  --juniper-hush-4: #C5D8D4;
  --juniper-hush-5: #2A3A33;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "juniper-hush": {
        1: "#34493F",
        2: "#5F7C72",
        3: "#8FB2AA",
        4: "#C5D8D4",
        5: "#2A3A33",
      }
    }
  }
}

Hex values

Color 1#34493F

Color 2#5F7C72

Color 3#8FB2AA

Color 4#C5D8D4

Color 5#2A3A33

Accessibility

Contrast checker

2.1:1Fail

4.2:1AA18

6.5:1AA

1.2:1Fail

2.1:1Fail

2:1Fail

3.1:1AA18

2.6:1Fail

4.2:1AA18

2:1Fail

1.6:1Fail

5.2:1AA

6.5:1AA

3.1:1AA18

1.6:1Fail

8.1:1AAA

1.2:1Fail

2.6:1Fail

5.2:1AA

8.1:1AAA

Similar palettes

More like Juniper Hush

View all cool

Winter Forest Hush

Emerald Bough Serene

Enchanted Forest Stream

Enchanted Forest Veil

Ethereal Wood Nymph

Forest Canopy Mist