Back to palettes

Palette

Desert Succulent Green

Resilient greens of desert succulents, thriving amidst dry, sandy landscapes, full of life.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9ACD32#6B8E23#3CB371#BDB76B#D2B48C

Palette guide

How to use Desert Succulent Green

Overview

The Desert Succulent Green palette captures the vibrant, resilient greens of desert succulents thriving amidst dry, sandy landscapes. This palette features a lively #9ACD32, a deeper #6B8E23, and a distinct #3CB371, alongside the earthy #BDB76B and sandy #D2B48C. It's exceptionally useful for designers and developers aiming to convey natural vitality, growth, and an organic connection to nature. The blend of diverse greens with warm, grounding neutrals makes it versatile for projects requiring both freshness and an earthy foundation, from sustainable branding to nature-themed digital experiences, evoking life in arid conditions.

Best used for

  • Nature and outdoor branding
  • Eco-friendly product design
  • Gardening and botanical websites
  • Educational apps about plants
  • Sustainable living content
  • Earthy and vibrant UI themes

Suggested color roles

primary

Utilize #9ACD32 as a vibrant primary color for headers, call-to-actions, or lively illustrations.

secondary

Employ #BDB76B for secondary content blocks, backgrounds, or to add a warm, earthy foundation.

accent

Apply #3CB371 for strong accents, interactive elements, or to highlight key information with a fresh pop.

background

Use #D2B48C as a warm, sandy background color, providing an inviting canvas for darker text.

text

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

Accessibility notes

  • Ensure sufficient contrast between #D2B48C and dark text colors like #6B8E23 for all content.
  • Be cautious when using #BDB76B for small text on light backgrounds, as its mid-tone value may not meet WCAG AA contrast standards.
  • Test interactive elements in #9ACD32 to confirm clear visual feedback against other palette colors.
  • Always verify WCAG AA contrast standards, especially for critical information against lighter shades.

Recommended combinations

Vibrant Growth

Create an energetic, natural feel for hero sections or feature blocks, blending sandy warmth with vibrant greens.

#D2B48C · #9ACD32 · #6B8E23

Earthy Accents

Ideal for UI elements or illustrations, combining an earthy olive with distinct green accents for contrast.

#BDB76B · #3CB371 · #6B8E23

Desert Fresh

Use for fresh, vibrant layouts where a lively green is complemented by a warm sand and a distinct accent green.

#9ACD32 · #D2B48C · #3CB371

CSS variables

:root {
  --desert-succulent-green-1: #9ACD32;
  --desert-succulent-green-2: #6B8E23;
  --desert-succulent-green-3: #3CB371;
  --desert-succulent-green-4: #BDB76B;
  --desert-succulent-green-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-succulent-green": {
        1: "#9ACD32",
        2: "#6B8E23",
        3: "#3CB371",
        4: "#BDB76B",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

desert green color schemesucculent vibrant huescactus natural colorsearthy green brown palettenature inspired greens

Palette colors

Hex values

Color 1#9ACD32
·
Color 2#6B8E23
·
Color 3#3CB371
·
Color 4#BDB76B
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.4:1Fail
1.1:1Fail
1:1Fail
2
2:1Fail
1.4:1Fail
1.8:1Fail
1.9:1Fail
3
1.4:1Fail
1.4:1Fail
1.3:1Fail
1.4:1Fail
4
1.1:1Fail
1.8:1Fail
1.3:1Fail
1:1Fail
5
1:1Fail
1.9:1Fail
1.4:1Fail
1:1Fail

Similar palettes

More like Desert Succulent Green

View all earth
Desert Succulent Blush
Arid Succulent Bloom
Cactus Flower
Desert Succulent Array
Desert Succulent Blush
Desert Succulent Dew