Back to palettes

Palette

Desert Succulent Hues

Subtle greens reflecting the resilient and beautiful flora found in arid desert 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

#4B6E4A#6C8E6B#95B494#B2C9B1#D2DFD2

Palette guide

How to use Desert Succulent Hues

Overview

The Desert Succulent Hues palette offers a serene collection of muted greens, ideal for evoking natural tranquility and resilience. Anchored by the deep forest green of #4B6E4A, it transitions through supportive mid-tones like #6C8E6B and #95B494, culminating in airy, almost-white greens such as #B2C9B1 and #D2DFD2. This palette is perfect for projects seeking an organic, calming aesthetic, reminiscent of resilient desert flora. Designers and developers will find these hues versatile for creating soft, inviting interfaces or branding that emphasizes sustainability and natural beauty. Its harmonious blend provides a refreshing alternative to more vibrant green schemes, promoting a sense of peace and understated elegance.

Best used for

  • Eco-friendly product branding
  • Spa and wellness website design
  • Botanical garden signage
  • Nature-inspired mobile applications
  • Sustainable fashion collections
  • Calm and minimalist UI/UX

Suggested color roles

primary

Use #4B6E4A for core elements like navigation bars, prominent headings, or brand logos, providing a deep, grounding presence.

secondary

Apply #6C8E6B to secondary buttons, subheadings, or background sections that require a gentle, supportive green.

accent

Highlight interactive elements or key information with #95B494 to offer a subtle, fresh accent without overpowering the design.

background

Utilize #D2DFD2 for main content areas or large backgrounds to create an expansive, light, and airy canvas.

text

Pair a dark charcoal like #4B6E4A or a near-black for body text against lighter backgrounds such as #D2DFD2 or #B2C9B1, ensuring excellent readability.

Accessibility notes

  • Ensure sufficient contrast when using #B2C9B1 or #D2DFD2 for text, always opting for darker text colors.
  • Check contrast ratios between #95B494 and #D2DFD2 for UI elements to meet WCAG AA standards.
  • Avoid placing light text directly on #B2C9B1 as it may lack sufficient contrast for readability.
  • Use #4B6E4A for primary text on any of the lighter greens for maximum legibility and visual hierarchy.

Recommended combinations

Deep & Light Contrast

Ideal for header-body text pairing with a soft accent, providing strong readability and a fresh feel.

#4B6E4A · #D2DFD2 · #95B494

Muted Harmony

Excellent for creating layered backgrounds or subtle graphic elements that blend seamlessly.

#6C8E6B · #B2C9B1 · #4B6E4A

Fresh Accents

Perfect for UI components, buttons, or informational boxes where a gentle pop of color is desired.

#D2DFD2 · #95B494 · #6C8E6B

CSS variables

:root {
  --desert-succulent-hues-2-1: #4B6E4A;
  --desert-succulent-hues-2-2: #6C8E6B;
  --desert-succulent-hues-2-3: #95B494;
  --desert-succulent-hues-2-4: #B2C9B1;
  --desert-succulent-hues-2-5: #D2DFD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-succulent-hues-2": {
        1: "#4B6E4A",
        2: "#6C8E6B",
        3: "#95B494",
        4: "#B2C9B1",
        5: "#D2DFD2",
      }
    }
  }
}

Related searches

muted green color palettenatural desert huessucculent color schemeeco-friendly brand colorscalm earthy greens

Palette colors

Hex values

Color 1#4B6E4A
·
Color 2#6C8E6B
·
Color 3#95B494
·
Color 4#B2C9B1
·
Color 5#D2DFD2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.3:1AA18
4.2:1AA18
2
1.6:1Fail
1.6:1Fail
2.1:1Fail
2.7:1Fail
3
2.5:1Fail
1.6:1Fail
1.3:1Fail
1.6:1Fail
4
3.3:1AA18
2.1:1Fail
1.3:1Fail
1.3:1Fail
5
4.2:1AA18
2.7:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Desert Succulent Hues

View all earth
Arid Succulent Bloom
Cactus Flower
Desert Succulent Array
Desert Succulent Glow
Oasis Garden Oasis
Whispering Sage Brush