Back to palettes

Palette

Desert Succulent Hues

Muted earth tones and dusty greens inspired by resilient succulents thriving in arid landscapes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Succulent Hues 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 Succulent Hues.

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

Data visualization

#B58B5E#C1A384#A8B498#7C8F73#5E6F5C

Palette guide

How to use Desert Succulent Hues

Overview

The Desert Succulent Hues palette captures the rugged beauty of arid landscapes with its blend of muted earth tones and dusty greens. Featuring grounding colors like #5E6F5C and #7C8F73, it introduces warmer, sandy elements such as #B58B5E and #C1A384, balanced by a soft sage in #A8B498. This versatile palette is perfect for designers and developers aiming to evoke a sense of natural resilience, organic authenticity, or a connection to the outdoors. Its harmonious blend of greens and browns creates a cohesive and inviting aesthetic, ideal for projects that require a sophisticated yet down-to-earth feel, reflecting the understated elegance of desert flora.

Best used for

  • Outdoor adventure brand identity
  • Rustic home decor websites
  • Natural skincare product packaging
  • Environmental non-profit materials
  • Artisanal craft marketplaces
  • Relaxed and organic user interfaces

Suggested color roles

primary

Designate #5E6F5C for foundational elements like main navigation, footers, or bold headlines, establishing a strong, natural base.

secondary

Use #7C8F73 for supportive elements such as secondary buttons, subheadings, or section backgrounds, offering a softer green contrast.

accent

Introduce #B58B5E as a warm, inviting accent for calls to action, highlights, or decorative details, providing earthy warmth.

background

Apply #C1A384 for main content backgrounds or larger sections, offering a light, warm, and sandy base.

text

Ensure readability by using #5E6F5C or a deep charcoal for body text, particularly against lighter shades like #C1A384 or #A8B498.

Accessibility notes

  • Verify contrast between text in #5E6F5C and backgrounds like #C1A384 to meet WCAG AA standards.
  • Be cautious with #A8B498 as text on light backgrounds; consider a darker complementary color for readability.
  • Ensure interactive elements using #B58B5E have adequate contrast against their surrounding background.
  • Use a tool to check the contrast ratio between #7C8F73 and #C1A384 if used for text or important UI elements.

Recommended combinations

Earthy Foundation

Perfect for a primary color, light background, and a warm accent, great for branding and web layouts.

#5E6F5C · #C1A384 · #B58B5E

Sage & Stone

Ideal for creating depth in botanical illustrations or subtle UI elements, evoking a natural, layered feel.

#A8B498 · #7C8F73 · #C1A384

Warm Desert Pop

Use a light base with a warm, inviting accent and a deep grounding color for strong visual impact on calls to action.

#C1A384 · #B58B5E · #5E6F5C

CSS variables

:root {
  --desert-succulent-hues-1: #B58B5E;
  --desert-succulent-hues-2: #C1A384;
  --desert-succulent-hues-3: #A8B498;
  --desert-succulent-hues-4: #7C8F73;
  --desert-succulent-hues-5: #5E6F5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-succulent-hues": {
        1: "#B58B5E",
        2: "#C1A384",
        3: "#A8B498",
        4: "#7C8F73",
        5: "#5E6F5C",
      }
    }
  }
}

Related searches

desert earth tone palettesage green color schemerustic desert colorsnatural branding greensmuted succulent design

Palette colors

Hex values

Color 1#B58B5E
·
Color 2#C1A384
·
Color 3#A8B498
·
Color 4#7C8F73
·
Color 5#5E6F5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.4:1Fail
1.1:1Fail
1.7:1Fail
2
1.3:1Fail
1.1:1Fail
1.5:1Fail
2.3:1Fail
3
1.4:1Fail
1.1:1Fail
1.6:1Fail
2.5:1Fail
4
1.1:1Fail
1.5:1Fail
1.6:1Fail
1.5:1Fail
5
1.7:1Fail
2.3:1Fail
2.5:1Fail
1.5:1Fail

Similar palettes

More like Desert Succulent Hues

View all earth
Desert Sage Bloom
Desert Succulent Blush
Desert Succulent Green
Sun-Kissed Desert Sage
Whispering Sage Brush
Aegean Faded Fresco