Back to palettes

Palette

Whispering Sage Brush

A tranquil blend of dusty greens and soft earth tones, inspired by hardy desert brush.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Sage Brush 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 Whispering Sage Brush.

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

Data visualization

#A2B9BC#84A98C#6B8E23#B19386#DBCFCB

Palette guide

How to use Whispering Sage Brush

Overview

The Whispering Sage Brush palette captures the rugged beauty of a desert landscape with its blend of dusty greens and warm earth tones. Featuring the cool #A2B9BC alongside the vibrant #6B8E23 and the grounding #B19386, this collection is perfect for designs aiming to evoke a sense of natural strength and understated elegance. It's a versatile palette for projects inspired by nature, offering a unique balance between cool and warm hues. Designers can leverage these colors to create robust branding, earthy web interfaces, or compelling outdoor-themed visual content, providing a distinctive and authentic aesthetic.

Best used for

  • Outdoor adventure branding
  • Sustainable product design
  • Natural history museum exhibits
  • Earthy e-commerce platforms
  • Rustic interior design inspiration
  • Botanical garden websites

Suggested color roles

primary

Use #84A98C as a foundational color for large sections, conveying a stable and organic feel.

secondary

Apply #A2B9BC for background elements or secondary information, offering a lighter, airy touch.

accent

Employ #6B8E23 for vibrant calls to action, highlights, or design elements needing a pop of natural energy.

background

The soft #DBCFCB serves as an excellent warm, light background, allowing other colors to emerge gently.

text

A deep brown or dark gray, such as #4A4A4A, would provide optimal readability against most palette colors.

Accessibility notes

  • Ensure text on #DBCFCB, #A2B9BC, and #B19386 has sufficient contrast; dark text is generally recommended.
  • The vibrant #6B8E23 can be used for text on lighter backgrounds, but always check contrast.
  • Avoid using #DBCFCB or #A2B9BC for text on each other without robust contrast checks.
  • Consider using a darker shade of #6B8E23 for interactive elements to ensure clear visibility and WCAG compliance.

Recommended combinations

Desert Base

Creates a tranquil, layered background for web pages or print, reflecting a subtle natural landscape.

#DBCFCB · #A2B9BC · #84A98C

Vibrant Earth

Ideal for impactful headers, feature sections, or branding elements that demand attention with an organic feel.

#84A98C · #6B8E23 · #B19386

Soft Contrast

Excellent for high-contrast text or illustrations on a light background, balancing warmth and freshness.

#DBCFCB · #6B8E23 · #B19386

CSS variables

:root {
  --whispering-sage-brush-1: #A2B9BC;
  --whispering-sage-brush-2: #84A98C;
  --whispering-sage-brush-3: #6B8E23;
  --whispering-sage-brush-4: #B19386;
  --whispering-sage-brush-5: #DBCFCB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-sage-brush": {
        1: "#A2B9BC",
        2: "#84A98C",
        3: "#6B8E23",
        4: "#B19386",
        5: "#DBCFCB",
      }
    }
  }
}

Related searches

earth tone color schemesage green desert palettenatural muted colorsrustic color inspirationoutdoor brand palette

Palette colors

Hex values

Color 1#A2B9BC
·
Color 2#84A98C
·
Color 3#6B8E23
·
Color 4#B19386
·
Color 5#DBCFCB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
2
1.3:1Fail
1.5:1Fail
1.1:1Fail
1.7:1Fail
3
1.8:1Fail
1.5:1Fail
1.3:1Fail
2.5:1Fail
4
1.4:1Fail
1.1:1Fail
1.3:1Fail
1.9:1Fail
5
1.4:1Fail
1.7:1Fail
2.5:1Fail
1.9:1Fail

Similar palettes

More like Whispering Sage Brush

View all earth