Back to palettes

Palette

Desert Succulent

Soft, muted greens and warm beiges reflecting the resilient beauty of desert botanicals under a soft sun.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9B9F7B#C6AF86#E1BE89#F7DCA8#FFF8DC

Palette guide

How to use Desert Succulent

Overview

The Desert Succulent palette offers a serene blend of soft, muted greens and warm beiges, reflecting the resilient beauty of desert botanicals under a gentle sun. Featuring the calming sage of #9B9F7B and sandy tones like #C6AF86 and #E1BE89, it brightens to the creamy #F7DCA8 and the near-white #FFF8DC. This palette is ideal for designers and developers aiming to create a tranquil, natural, and inviting atmosphere. Its earthy yet light quality makes it perfect for projects that emphasize wellness, organic living, or a minimalist aesthetic, providing a sense of calm and understated sophistication.

Best used for

  • Wellness and spa brand identity
  • Natural cosmetics packaging
  • Bohemian home decor websites
  • Serene meditation app interfaces
  • Minimalist wedding stationery
  • Organic product e-commerce platforms

Suggested color roles

primary

Employ #9B9F7B for key brand elements like logos, primary headings, or feature sections, establishing a tranquil and natural anchor.

secondary

Use #C6AF86 for supporting roles such as subheadings, secondary navigation, or background panels, adding a warm, sandy layer.

accent

Highlight important information or interactive elements with #E1BE89, providing a soft, golden glow that catches the eye gently.

background

Apply #FFF8DC to main content areas or large backgrounds, creating a clean, airy, and inviting canvas.

text

For optimal readability, use #9B9F7B or a dark charcoal against lighter backgrounds like #FFF8DC or #F7DCA8.

Accessibility notes

  • Ensure sufficient contrast when using #F7DCA8 or #FFF8DC for text, always opting for darker text colors.
  • Verify that #E1BE89 provides enough contrast if used for critical UI elements against adjacent lighter colors.
  • Avoid placing light-colored text on mid-tone beiges like #C6AF86 to prevent readability issues.
  • Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements, especially with #9B9F7B on light backgrounds.

Recommended combinations

Calm Foundation

Perfect for a primary color, very light background, and a warm secondary, excellent for clean, natural branding.

#9B9F7B · #FFF8DC · #C6AF86

Golden Glow

Ideal for highlighting features or creating subtle visual interest with a soft golden touch on a light base.

#E1BE89 · #F7DCA8 · #9B9F7B

Earthy Layers

Great for layering backgrounds or graphic elements, providing depth with a soft, natural transition.

#C6AF86 · #9B9F7B · #F7DCA8

CSS variables

:root {
  --desert-succulent-1: #9B9F7B;
  --desert-succulent-2: #C6AF86;
  --desert-succulent-3: #E1BE89;
  --desert-succulent-4: #F7DCA8;
  --desert-succulent-5: #FFF8DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-succulent": {
        1: "#9B9F7B",
        2: "#C6AF86",
        3: "#E1BE89",
        4: "#F7DCA8",
        5: "#FFF8DC",
      }
    }
  }
}

Related searches

desert beige green palettesucculent calm colorsnatural earthy designwarm minimalist color schemesoft botanical hues

Palette colors

Hex values

Color 1#9B9F7B
·
Color 2#C6AF86
·
Color 3#E1BE89
·
Color 4#F7DCA8
·
Color 5#FFF8DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.1:1Fail
2.6:1Fail
2
1.3:1Fail
1.2:1Fail
1.6:1Fail
2:1Fail
3
1.6:1Fail
1.2:1Fail
1.3:1Fail
1.7:1Fail
4
2.1:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.6:1Fail
2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Desert Succulent

View all earth
Desert Succulent Glow
Adobe Sunset
Bohemian Desert Bloom
Cactus Garden Earth
Canyon Cliffside View
Desert Agave Glow