Back to palettes

Palette

Desert Sagebrush Morning

Captures the quiet awakening of a desert landscape, where soft greens meet sun-kissed sands.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Sagebrush Morning 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 Desert Sagebrush Morning.

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

Data visualization

#C2D5C4#A6B4A3#7E8C7A#BFA077#E0CAA5

Palette guide

How to use Desert Sagebrush Morning

Overview

The Desert Sagebrush Morning palette captures the quiet awakening of a desert landscape, where soft greens meet sun-kissed sands. This collection features a harmonious blend of muted sage greens, including the gentle #C2D5C4 and the balanced #A6B4A3, deepening to the rich #7E8C7A. Complementing these greens are the warm, inviting sandy tones of #BFA077 and the luminous #E0CAA5. Ideal for designers seeking a natural, serene, and subtly sophisticated aesthetic, this palette provides excellent depth and warmth, perfect for conveying tranquility and an organic connection to nature in digital or print media.

Best used for

  • Eco-friendly and natural brands
  • Wellness and outdoor activity websites
  • Botanical illustration and art
  • Rustic-chic interior design
  • Packaging for organic products
  • UI/UX with a calming, earthy feel

Suggested color roles

primary

Use #7E8C7A for strong headings, borders, or foundational elements, providing a deep, stable anchor.

secondary

Apply #A6B4A3 for larger content blocks or prominent UI components, offering a balanced, earthy green mid-tone.

accent

Employ #BFA077 for interactive elements or subtle highlights, adding a touch of warm, sun-kissed contrast.

background

Utilize #C2D5C4 or #E0CAA5 for clean, airy backgrounds, ensuring good contrast for darker text and a luminous feel.

text

For optimal readability, use #7E8C7A for body text on lighter backgrounds, or a crisp white/off-white on darker elements.

Accessibility notes

  • Ensure #7E8C7A text has strong contrast against #C2D5C4 and #E0CAA5.
  • #C2D5C4 and #A6B4A3 may not provide enough contrast for text when paired closely.
  • The lighter shades like #BFA077 or #E0CAA5 should be avoided for small text against similarly light backgrounds.
  • Always test color contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Sage Sands

Creates a harmonious blend of cool greens and warm sands, ideal for serene landscape visuals.

#C2D5C4 · #E0CAA5 · #7E8C7A

Morning Glow

Perfect for designs needing a subtle, organic feel with warmth, like product displays or soft branding.

#A6B4A3 · #BFA077 · #C2D5C4

Grounded Dawn

Suitable for robust designs requiring clear hierarchy with a refreshing, natural touch.

#7E8C7A · #BFA077 · #A6B4A3

CSS variables

:root {
  --desert-sagebrush-morning-1: #C2D5C4;
  --desert-sagebrush-morning-2: #A6B4A3;
  --desert-sagebrush-morning-3: #7E8C7A;
  --desert-sagebrush-morning-4: #BFA077;
  --desert-sagebrush-morning-5: #E0CAA5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sagebrush-morning": {
        1: "#C2D5C4",
        2: "#A6B4A3",
        3: "#7E8C7A",
        4: "#BFA077",
        5: "#E0CAA5",
      }
    }
  }
}

Related searches

desert sagebrush paletteearthy green and sand colorsnatural morning aestheticsubtle green beige schemeorganic outdoor design

Palette colors

Hex values

Color 1#C2D5C4
·
Color 2#A6B4A3
·
Color 3#7E8C7A
·
Color 4#BFA077
·
Color 5#E0CAA5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
1.6:1Fail
1:1Fail
2
1.4:1Fail
1.6:1Fail
1.1:1Fail
1.4:1Fail
3
2.3:1Fail
1.6:1Fail
1.4:1Fail
2.2:1Fail
4
1.6:1Fail
1.1:1Fail
1.4:1Fail
1.5:1Fail
5
1:1Fail
1.4:1Fail
2.2:1Fail
1.5:1Fail

Similar palettes

More like Desert Sagebrush Morning

View all earth