Back to palettes

Palette

Desert Succulent Array

A serene collection of muted greens and soft earth tones, inspired by hardy desert succulents and 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 Array 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 Array.

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

Data visualization

#4A6C50#7F9C86#B0C1B0#E0EFE0#2C4235

Palette guide

How to use Desert Succulent Array

Overview

The "Desert Succulent Array" palette is a serene collection of muted greens and soft earth tones, inspired by hardy desert succulents and arid landscapes. Deep, grounding greens like #2C4235 and #4A6C50 provide a lush yet understated foundation, transitioning gracefully through the mid-tones of #7F9C86 and #B0C1B0. The lightest hue, #E0EFE0, offers a crisp, near-white highlight, mimicking the dusty-green leaves of desert flora. This natural and calming palette is ideal for designers seeking to convey tranquility, sustainability, and organic beauty. It's perfectly suited for eco-conscious branding, wellness-focused web interfaces, or editorial content that feels fresh and serene.

Best used for

  • Sustainable and eco-friendly brands
  • Gardening and plant-care websites
  • Wellness and mindfulness apps
  • Natural cosmetics packaging
  • Organic food product branding
  • Interior design with a serene, natural aesthetic

Suggested color roles

primary

#4A6C50 - A deep, muted green, serving as a sophisticated and grounding main brand color.

secondary

#7F9C86 - A softer, balanced green for supporting elements, illustrations, or larger blocks of content.

accent

#E0EFE0 - A crisp, near-white for clean highlights, delicate text, or ethereal design elements.

background

#2C4235 - A very deep, almost charcoal green, providing a luxurious and immersive backdrop.

text

#B0C1B0 - For legible body text on dark backgrounds, or a deep charcoal for general readability on lighter areas.

Accessibility notes

  • Ensure #E0EFE0 (light) has sufficient contrast when paired with #2C4235 or #4A6C50 (dark) for text.
  • Avoid using #B0C1B0 directly on #7F9C86 for small text; the contrast may be insufficient.
  • For optimal readability, use #2C4235 or #4A6C50 for text on the lighter colors like #E0EFE0 or #B0C1B0.
  • Always check WCAG guidelines for all interactive elements and critical text for optimal accessibility.

Recommended combinations

Succulent Garden

Creates a deep, harmonious green gradient, perfect for immersive backgrounds or natural textures.

#2C4235 · #4A6C50 · #7F9C86

Arid Bloom

Uses the light cream as a fresh accent against the muted greens, ideal for clean interfaces or highlights.

#7F9C86 · #E0EFE0 · #4A6C50

Earthy Serenity

A balanced scheme for serene branding, offering a gentle contrast for web content areas.

#B0C1B0 · #E0EFE0 · #2C4235

CSS variables

:root {
  --desert-succulent-array-1: #4A6C50;
  --desert-succulent-array-2: #7F9C86;
  --desert-succulent-array-3: #B0C1B0;
  --desert-succulent-array-4: #E0EFE0;
  --desert-succulent-array-5: #2C4235;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-succulent-array": {
        1: "#4A6C50",
        2: "#7F9C86",
        3: "#B0C1B0",
        4: "#E0EFE0",
        5: "#2C4235",
      }
    }
  }
}

Related searches

muted green color palettesucculent inspired designnatural desert greensserene earth tones brandingeco-friendly green scheme

Palette colors

Hex values

Color 1#4A6C50
·
Color 2#7F9C86
·
Color 3#B0C1B0
·
Color 4#E0EFE0
·
Color 5#2C4235
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.1:1AA18
5:1AA
1.8:1Fail
2
2:1Fail
1.6:1Fail
2.5:1Fail
3.6:1AA18
3
3.1:1AA18
1.6:1Fail
1.6:1Fail
5.7:1AA
4
5:1AA
2.5:1Fail
1.6:1Fail
9.1:1AAA
5
1.8:1Fail
3.6:1AA18
5.7:1AA
9.1:1AAA

Similar palettes

More like Desert Succulent Array

View all earth
Desert Succulent Glow
Desert Succulent Hues
Succulent Garden Hues
Agave Bloom Dawn
Arid Succulent Bloom
Cactus Flower