Back to palettes

Palette

Desert Succulent Hue

Soft, muted greens and dusty neutrals reflecting the subtle beauty of desert succulents.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6F686F#A3B18A#C9CBA3#E2DDDB#8D7F7D

Palette guide

How to use Desert Succulent Hue

Overview

The Desert Succulent Hue palette offers soft, muted greens and dusty neutrals, reflecting the subtle beauty of desert succulents. With grounding tones like #6F686F and #8D7F7D, complemented by the delicate greens #A3B18A and #C9CBA3, and the very light #E2DDDB, this palette is understated and sophisticated. It is exceptionally useful for designers and developers aiming to create serene, elegant, and minimalist digital experiences. It evokes a sense of calm, natural balance, and quiet refinement, making it ideal for brands focused on luxury, tranquility, or those seeking a contemporary, earthy aesthetic with a hint of botanical charm.

Best used for

  • Luxury brand identity
  • Minimalist website design
  • High-end home goods e-commerce
  • Editorial content with a subtle aesthetic
  • Spa and wellness digital platforms
  • Contemporary interior design concepts

Suggested color roles

primary

Utilize #6F686F as a sophisticated primary color for headers, navigation, or strong brand elements.

secondary

Employ #A3B18A for secondary content blocks, backgrounds, or to add a soft, natural green tone.

accent

Apply #8D7F7D for grounding accents, important icons, or to provide subtle contrast in design details.

background

Use #E2DDDB as a soft, ethereal background color, providing an elegant canvas for darker text.

text

Choose #6F686F for body text and headings on lighter backgrounds like #E2DDDB to ensure optimal readability, or a dark charcoal.

Accessibility notes

  • Ensure sufficient contrast between #E2DDDB and dark text colors like #6F686F for all content.
  • Be cautious when using #C9CBA3 for small text on light backgrounds, as its lightness may not meet WCAG AA contrast standards.
  • Test interactive elements in #A3B18A to confirm clear visual feedback against other palette colors.
  • Always verify WCAG AA contrast standards, especially for critical information against lighter shades.

Recommended combinations

Subtle Earth

Create a serene and sophisticated feel for hero sections or content blocks, blending light neutrals with soft greens.

#E2DDDB · #A3B18A · #6F686F

Muted Botanical

Ideal for backgrounds and secondary content, offering a harmonious blend of muted greens and a deeper neutral.

#C9CBA3 · #8D7F7D · #A3B18A

Refined Depth

Use for strong, elegant branding or prominent elements, combining the darkest tones with a crisp light accent.

#6F686F · #8D7F7D · #E2DDDB

CSS variables

:root {
  --desert-succulent-hue-1: #6F686F;
  --desert-succulent-hue-2: #A3B18A;
  --desert-succulent-hue-3: #C9CBA3;
  --desert-succulent-hue-4: #E2DDDB;
  --desert-succulent-hue-5: #8D7F7D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-succulent-hue": {
        1: "#6F686F",
        2: "#A3B18A",
        3: "#C9CBA3",
        4: "#E2DDDB",
        5: "#8D7F7D",
      }
    }
  }
}

Related searches

desert neutral green palettesucculent muted huesearthy subtle color schemebotanical grey greencalm elegant colors

Palette colors

Hex values

Color 1#6F686F
·
Color 2#A3B18A
·
Color 3#C9CBA3
·
Color 4#E2DDDB
·
Color 5#8D7F7D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.2:1AA18
4:1AA18
1.4:1Fail
2
2.4:1Fail
1.4:1Fail
1.7:1Fail
1.7:1Fail
3
3.2:1AA18
1.4:1Fail
1.2:1Fail
2.3:1Fail
4
4:1AA18
1.7:1Fail
1.2:1Fail
2.9:1Fail
5
1.4:1Fail
1.7:1Fail
2.3:1Fail
2.9:1Fail

Similar palettes

More like Desert Succulent Hue

View all earth