Back to palettes

Palette

Sagebrush Plains Haze

The soft, ethereal landscape of western plains under a hazy, distant sky.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sagebrush Plains Haze 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 Sagebrush Plains Haze.

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

Data visualization

#A2B29F#8B9E8F#C4C9B6#6F7C73#B3A4AD

Palette guide

How to use Sagebrush Plains Haze

Overview

The 'Sagebrush Plains Haze' palette captures the soft, ethereal landscape of western plains under a hazy, distant sky. This muted collection includes the subtle #A2B29F, the balanced #8B9E8F, the warm #C4C9B6, the deep #6F7C73, and the unique #B3A4AD. Designers can leverage these hues to evoke a sense of vastness, natural beauty, and rustic tranquility. Developers will find these hex codes ideal for crafting user interfaces that feel grounded and authentic, perfect for storytelling, outdoor brands, or any project seeking a timeless and understated natural aesthetic in their digital presence.

Best used for

  • Outdoor apparel and gear branding
  • Rustic lifestyle blogs and websites
  • Nature photography portfolios
  • Historical fiction book covers
  • Subtle branding for natural products
  • Travel and adventure content

Suggested color roles

primary

Use #8B9E8F as a balanced, natural sage green, conveying a sense of calm and authenticity.

secondary

Apply #A2B29F for lighter, hazy green-gray support, creating soft visual transitions.

accent

Employ #6F7C73 as the deepest, grounding element, perfect for strong headings or important details.

background

Utilize #C4C9B6 for a soft, warm-gray base, offering a tranquil and understated backdrop.

text

Pair #6F7C73 or a dark charcoal with #C4C9B6 for strong readability in body text and headings.

Accessibility notes

  • Ensure #6F7C73 text on #C4C9B6 provides good contrast for readability.
  • Check that #8B9E8F text on #A2B29F meets WCAG contrast guidelines for legibility.
  • Avoid using light-colored text on lighter shades like #C4C9B6 or #A2B29F to prevent readability issues.
  • Verify contrast for all text and interactive elements, especially when using the subtle #B3A4AD.

Recommended combinations

Hazy Horizon

Creates a soft, distant view effect, ideal for backgrounds, headers, or atmospheric visual storytelling.

#C4C9B6 · #A2B29F · #8B9E8F

Plains Depth

Perfect for establishing grounded, subtle complexity in a design, suitable for footers or content blocks.

#6F7C73 · #8B9E8F · #B3A4AD

Muted Contrast

Offers a gentle yet sophisticated visual structure, excellent for defining sections and ensuring clear communication.

#C4C9B6 · #6F7C73 · #B3A4AD

CSS variables

:root {
  --sagebrush-plains-haze-1: #A2B29F;
  --sagebrush-plains-haze-2: #8B9E8F;
  --sagebrush-plains-haze-3: #C4C9B6;
  --sagebrush-plains-haze-4: #6F7C73;
  --sagebrush-plains-haze-5: #B3A4AD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sagebrush-plains-haze": {
        1: "#A2B29F",
        2: "#8B9E8F",
        3: "#C4C9B6",
        4: "#6F7C73",
        5: "#B3A4AD",
      }
    }
  }
}

Related searches

sagebrush color schemeplains inspired palettehazy earthy tonesmuted natural colorsrustic neutral greens

Palette colors

Hex values

Color 1#A2B29F
·
Color 2#8B9E8F
·
Color 3#C4C9B6
·
Color 4#6F7C73
·
Color 5#B3A4AD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.3:1Fail
2:1Fail
1.1:1Fail
2
1.3:1Fail
1.7:1Fail
1.5:1Fail
1.2:1Fail
3
1.3:1Fail
1.7:1Fail
2.6:1Fail
1.4:1Fail
4
2:1Fail
1.5:1Fail
2.6:1Fail
1.8:1Fail
5
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail

Similar palettes

More like Sagebrush Plains Haze

View all neutral
Ancient Script
Boho Earth Weave
Boho Macrame Weave
Botanical Sketch Hues
Coastal Cliff Path
Deep Woods Mushroom