Back to palettes

Palette

Succulent Garden Dew

Inspired by the muted, fleshy greens and gentle textures of a tranquil succulent garden after a fresh dew.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5F9F9F#6B8E23#A0B38C#BDB76B#D2B48C

Palette guide

How to use Succulent Garden Dew

Overview

The Succulent Garden Dew palette captures the tranquil and natural essence of a succulent garden after a fresh morning dew. This collection features muted greens and gentle earthy tones, like the vibrant #6B8E23 and the soft beige of #D2B48C, alongside the calming #A0B38C. Designers can utilize this palette to convey organic elegance and a sense of calm, while developers will find it versatile for creating inviting digital spaces. The subtle interplay between the cool #5F9F9F and the warm #BDB76B allows for designs that feel both grounded and refreshing, perfect for eco-conscious brands or wellness applications seeking a natural, unpretentious feel.

Best used for

  • Eco-friendly product packaging and branding
  • Wellness apps and mindful living websites
  • Botanical illustrations and nature-inspired art
  • Rustic interior design and home decor concepts
  • Sustainable fashion lines and natural beauty products
  • Gardening blogs or plant shop websites

Suggested color roles

primary

#6B8E23 provides a vibrant yet earthy green, ideal for main brand elements, headings, or significant calls to action.

secondary

#A0B38C serves as a versatile, soft green-grey, perfect for backgrounds, secondary text, or supporting visual elements.

accent

#BDB76B offers a muted golden-yellow accent, excellent for drawing attention to subtle details or adding warmth.

background

Use #A0B38C for a soft, natural base, or #D2B48C for a warmer, inviting light background that complements the greens.

text

A deep charcoal or dark brown on lighter backgrounds will ensure readability. For emphasis, #6B8E23 can be used on very light tones.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when pairing #D2B48C or #A0B38C with lighter text.
  • Use #6B8E23 or #5F9F9F for text on very light backgrounds like #D2B48C for good readability.
  • Avoid using adjacent colors with very low contrast for interactive elements to prevent user confusion.
  • Consider providing a darker alternative for text if the primary text color is too light for accessibility standards on chosen backgrounds.

Recommended combinations

Earthy Green

A balanced blend for a natural, grounded feel, suitable for main content areas and supporting elements.

#6B8E23 · #A0B38C · #D2B48C

Dewy Highlight

Adds a touch of cool freshness and a subtle warm accent, great for highlighting features or decorative elements.

#5F9F9F · #BDB76B · #A0B38C

Soft Botanical

Creates a gentle, organic look, perfect for backgrounds with a natural green header or call to action.

#D2B48C · #A0B38C · #6B8E23

CSS variables

:root {
  --succulent-garden-dew-1: #5F9F9F;
  --succulent-garden-dew-2: #6B8E23;
  --succulent-garden-dew-3: #A0B38C;
  --succulent-garden-dew-4: #BDB76B;
  --succulent-garden-dew-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "succulent-garden-dew": {
        1: "#5F9F9F",
        2: "#6B8E23",
        3: "#A0B38C",
        4: "#BDB76B",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

muted green color palettenatural botanical designearthy succulent tonestranquil garden theme colorssubtle nature inspired palette

Palette colors

Hex values

Color 1#5F9F9F
·
Color 2#6B8E23
·
Color 3#A0B38C
·
Color 4#BDB76B
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.3:1Fail
1.5:1Fail
1.5:1Fail
2
1.3:1Fail
1.7:1Fail
1.8:1Fail
1.9:1Fail
3
1.3:1Fail
1.7:1Fail
1.1:1Fail
1.1:1Fail
4
1.5:1Fail
1.8:1Fail
1.1:1Fail
1:1Fail
5
1.5:1Fail
1.9:1Fail
1.1:1Fail
1:1Fail

Similar palettes

More like Succulent Garden Dew

View all earth
Botanical Sketch Green
Lush Botanical Garden
Apothecary Bloom Green
Botanical Bloom Burst
Botanical Herb Garden
Botanical Sketchbook