Back to palettes

Palette

Sun-Kissed Desert Sage

Dusty greens and muted yellows capturing the resilient beauty of desert sage under the sun.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-Kissed Desert Sage 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 Sun-Kissed Desert Sage.

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

Data visualization

#dcd8b9#c4c09d#acac84#91916b#777752

Palette guide

How to use Sun-Kissed Desert Sage

Overview

The Sun-Kissed Desert Sage palette captures the resilient beauty of desert sage under the sun, featuring a range of dusty greens and muted yellows. This serene collection includes the soft `#dcd8b9`, the subtle `#c4c09d`, and the gentle `#acac84`, complemented by the deeper `#91916b` and the grounding `#777752`. It's an excellent choice for designers and developers seeking to evoke a sense of calm, natural tranquility, and understated elegance. The palette's harmonious, muted tones are perfect for projects that require an organic, soothing, or eco-friendly aesthetic, creating designs that feel both peaceful and sophisticated, connecting users with nature.

Best used for

  • Eco-friendly and sustainable brand identities
  • Wellness and mindfulness app interfaces
  • Natural skincare and organic product packaging
  • Outdoor gear and adventure lifestyle branding
  • Interior design for serene, minimalist spaces
  • Websites focused on nature, conservation, or slow living

Suggested color roles

primary

Use `#91916b` as a calm, grounding primary for headlines, main calls-to-action, and key visual elements to convey stability.

secondary

Employ `#acac84` for supporting content, subheadings, or as a background for secondary sections, offering subtle depth.

accent

Apply `#c4c09d` for gentle highlights, interactive states, or decorative flourishes, providing a soft, natural pop.

background

The lightest hue, `#dcd8b9`, serves as an excellent airy, warm neutral base for content areas, ensuring high readability.

text

For optimal readability, `#777752` is ideal for body text and crucial labels, providing strong contrast against lighter backgrounds like `#dcd8b9`.

Accessibility notes

  • Due to the muted nature of this palette, careful contrast checking is essential. Always test text on backgrounds to meet WCAG AA standards.
  • Avoid placing light colors like `#dcd8b9` or `#c4c09d` on similar mid-tone backgrounds, as text readability will be compromised.
  • Interactive elements (e.g., buttons with `#91916b`) must have clear focus states and highly contrasting text, such as white or `#777752`.
  • The darkest color, `#777752`, is highly recommended for all primary body text to ensure legibility across the palette.

Recommended combinations

Calm Base

A light, airy background with a soft primary and a deep, grounding color for text or strong visuals.

#DCD8B9 · #91916B · #777752

Sage Gradient

A subtle transition from medium to lighter sage, ideal for backgrounds or layered design elements.

#ACAC84 · #C4C09D · #91916B

Deep Contrast

A strong, dark background contrasted with a very light accent and a mid-tone for balanced visual hierarchy.

#777752 · #DCD8B9 · #ACAC84

CSS variables

:root {
  --sun-kissed-desert-sage-1: #dcd8b9;
  --sun-kissed-desert-sage-2: #c4c09d;
  --sun-kissed-desert-sage-3: #acac84;
  --sun-kissed-desert-sage-4: #91916b;
  --sun-kissed-desert-sage-5: #777752;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-desert-sage": {
        1: "#dcd8b9",
        2: "#c4c09d",
        3: "#acac84",
        4: "#91916b",
        5: "#777752",
      }
    }
  }
}

Related searches

desert sage greenmuted earthy palettenatural green tonescalm desert colorseco-friendly scheme

Palette colors

Hex values

Color 1#dcd8b9
·
Color 2#c4c09d
·
Color 3#acac84
·
Color 4#91916b
·
Color 5#777752
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.3:1Fail
3.2:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.5:1Fail
3
1.6:1Fail
1.3:1Fail
1.4:1Fail
2:1Fail
4
2.3:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
3.2:1AA18
2.5:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Sun-Kissed Desert Sage

View all earth
Desert Sage Bloom
Desert Succulent Glow
Oasis Garden Oasis
Whispering Sage Brush
Adobe Sunset
Agave Bloom Dawn