Back to palettes

Palette

Desert Succulent Dew

Muted greens and soft beiges that capture the subtle beauty of hardy desert succulents after a light rain.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#547A6A#8B9D90#B1C2B0#D4E0D1#3E5D50

Palette guide

How to use Desert Succulent Dew

Overview

The Desert Succulent Dew palette captures the serene beauty of hardy desert succulents after a light rain, featuring muted greens and soft beiges. Key colors include the deep, calming #547A6A, a versatile mid-tone #8B9D90, and the very light, almost white #D4E0D1. The darkest shade, #3E5D50, adds a sophisticated depth, while #B1C2B0 provides a gentle transition. This palette is exceptionally useful for designers and developers aiming to create tranquil, minimalist, and natural digital experiences. It evokes calm and freshness, making it ideal for brands focused on sustainability, well-being, or understated elegance, with its cool, refreshing undertones.

Best used for

  • Minimalist brand identity
  • Sustainable fashion websites
  • Environmental non-profit platforms
  • Spa and meditation apps
  • Clean editorial layouts
  • Modern interior design concepts

Suggested color roles

primary

Utilize #547A6A as a sophisticated primary color for headers, navigation, or significant graphical elements.

secondary

Employ #8B9D90 for secondary content blocks, subtle backgrounds, or complementary UI components.

accent

Apply #3E5D50 for strong accents, important icons, or to provide a grounding contrast in design details.

background

Use #D4E0D1 as a crisp, clean background color, offering excellent readability for dark text.

text

Choose #3E5D50 for body text and headings on lighter backgrounds like #D4E0D1 to ensure optimal readability.

Accessibility notes

  • Ensure high contrast between #D4E0D1 and dark text colors like #3E5D50 for all content.
  • Avoid using #B1C2B0 for small text on light backgrounds, as its low contrast can hinder readability.
  • Test interactive elements in #547A6A to confirm clear visual feedback against other palette colors.
  • Always verify WCAG AA contrast standards, especially for critical information against lighter shades.

Recommended combinations

Calm Dew

Create a serene and deep contrast for hero sections or branding, using a light base with rich green accents.

#D4E0D1 · #547A6A · #3E5D50

Muted Transition

Ideal for subtle backgrounds and secondary content, offering a smooth gradient of muted greens and grays.

#8B9D90 · #B1C2B0 · #547A6A

Deep Forest

Use for strong, grounded elements or branding, combining the darkest green with its slightly lighter variant and a crisp light accent.

#3E5D50 · #547A6A · #D4E0D1

CSS variables

:root {
  --desert-succulent-dew-1: #547A6A;
  --desert-succulent-dew-2: #8B9D90;
  --desert-succulent-dew-3: #B1C2B0;
  --desert-succulent-dew-4: #D4E0D1;
  --desert-succulent-dew-5: #3E5D50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-succulent-dew": {
        1: "#547A6A",
        2: "#8B9D90",
        3: "#B1C2B0",
        4: "#D4E0D1",
        5: "#3E5D50",
      }
    }
  }
}

Related searches

succulent green grey palettedesert dew colorsmuted botanical color schemecalm natural huesminimalist green palette

Palette colors

Hex values

Color 1#547A6A
·
Color 2#8B9D90
·
Color 3#B1C2B0
·
Color 4#D4E0D1
·
Color 5#3E5D50
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.6:1Fail
3.5:1AA18
1.5:1Fail
2
1.7:1Fail
1.5:1Fail
2.1:1Fail
2.5:1Fail
3
2.6:1Fail
1.5:1Fail
1.4:1Fail
3.9:1AA18
4
3.5:1AA18
2.1:1Fail
1.4:1Fail
5.3:1AA
5
1.5:1Fail
2.5:1Fail
3.9:1AA18
5.3:1AA

Similar palettes

More like Desert Succulent Dew

View all earth