Back to palettes

Palette

Winter Birch Canopy

Stark, serene greys and whites, inspired by the muted tones of a winter birch forest.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Birch Canopy 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 Winter Birch Canopy.

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

Data visualization

#B5BFBE#D1D8D7#E8EEED#9CA7A6#84908E

Palette guide

How to use Winter Birch Canopy

Overview

The "Winter Birch Canopy" palette is a minimalist and serene collection of cool greys and near-whites, inspired by the tranquil beauty of a snow-dusted birch forest. With shades ranging from the crisp #E8EEED, a very light, almost white tone, to the soft mid-grey of #D1D8D7, and deeper, grounding tones like #B5BFBE, #9CA7A6, and #84908E, this palette offers subtle variations for creating sophisticated, understated designs. It's perfect for projects where clarity, elegance, and a sense of calm are paramount. Designers can leverage its monochrome nature for clean interfaces and editorial layouts, while developers will appreciate the simplicity and versatility for consistent branding across various digital platforms, ensuring a refined user experience.

Best used for

  • Minimalist website design
  • Corporate branding
  • Architectural portfolios
  • High-end product showcases
  • Clean UI/UX design
  • Print design for luxury goods

Suggested color roles

primary

A balanced, cool grey #B5BFBE that works well for main content areas, navigation, or strong brand elements, providing a solid yet understated presence.

secondary

A lighter, airy grey #D1D8D7 perfect for secondary sections, subtle backgrounds, or dividing lines to maintain a spacious feel.

accent

A deeper, more grounding grey #84908E for subtle accents, important icons, or to provide visual weight where needed without being stark.

background

The lightest shade #E8EEED, offering a clean, expansive canvas for maximum readability and a fresh, open aesthetic.

text

For primary body text, use the darkest shade #84908E or a dark charcoal to ensure readability against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing mid-tones like #B5BFBE or #D1D8D7 with each other.
  • Use #84908E or a darker charcoal for text on #E8EEED or #D1D8D7 backgrounds.
  • Avoid using #E8EEED text on #D1D8D7 or #B5BFBE backgrounds due to very low contrast.
  • Check WCAG AA compliance for all text and interactive elements, particularly for button states.

Recommended combinations

Clean & Crisp

Light background, soft content block, and dark readable text/icons.

#E8EEED · #D1D8D7 · #84908E

Layered Monochrome

Mid-tone base, slightly darker element, and bright highlight/text.

#B5BFBE · #9CA7A6 · #E8EEED

Subtle Depth

Dark background, mid-tone element, and a lighter accent for details.

#84908E · #B5BFBE · #D1D8D7

CSS variables

:root {
  --winter-birch-canopy-1: #B5BFBE;
  --winter-birch-canopy-2: #D1D8D7;
  --winter-birch-canopy-3: #E8EEED;
  --winter-birch-canopy-4: #9CA7A6;
  --winter-birch-canopy-5: #84908E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-birch-canopy": {
        1: "#B5BFBE",
        2: "#D1D8D7",
        3: "#E8EEED",
        4: "#9CA7A6",
        5: "#84908E",
      }
    }
  }
}

Related searches

minimalist grey palettewinter monochrome colorsbirch tree color schemeelegant cool grey designserene ui colors

Palette colors

Hex values

Color 1#B5BFBE
·
Color 2#D1D8D7
·
Color 3#E8EEED
·
Color 4#9CA7A6
·
Color 5#84908E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.3:1Fail
1.8:1Fail
2
1.3:1Fail
1.2:1Fail
1.7:1Fail
2.3:1Fail
3
1.6:1Fail
1.2:1Fail
2.1:1Fail
2.8:1Fail
4
1.3:1Fail
1.7:1Fail
2.1:1Fail
1.3:1Fail
5
1.8:1Fail
2.3:1Fail
2.8:1Fail
1.3:1Fail

Similar palettes

More like Winter Birch Canopy

View all monochrome
Arctic Snow Fur
Arctic Whispers Snow
City Grayscale View
Cloud Dancer Ballet
Cloud Petal Hues
Marble Sculpture Gallery