Back to palettes

Palette

Succulent Garden Hues

Fresh and natural greens reminiscent of a flourishing succulent garden under soft sunlight.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C8E6C9#81C784#4CAF50#E8F5E9#2E7D32

Palette guide

How to use Succulent Garden Hues

Overview

The Succulent Garden Hues palette is a fresh and natural collection of greens, reminiscent of a flourishing succulent garden under soft sunlight. Featuring vibrant shades like #4CAF50 and the deep #2E7D32, alongside lighter tones such as #C8E6C9 and #E8F5E9, this palette offers a versatile range for designers. It allows for creating designs that feel organic, lively, and refreshing. Developers can leverage the clear distinction between light and dark greens for intuitive user interfaces, while the overall mood of the palette, grounded by #81C784, makes it perfect for health, nature, or eco-friendly branding that aims to convey vitality and growth.

Best used for

  • Organic food and beverage branding
  • Gardening and plant care websites or apps
  • Environmental non-profit organizations
  • Health and wellness product packaging
  • Nature photography portfolios
  • Educational materials on botany or ecology

Suggested color roles

primary

#4CAF50 serves as a vibrant, natural green, excellent for main brand elements, significant calls to action, or prominent headings.

secondary

#81C784 provides a softer, mid-tone green, ideal for secondary backgrounds, subheadings, or supporting graphical elements.

accent

#C8E6C9 offers the lightest, most delicate touch, perfect for subtle highlights, background textures, or a fresh accent.

background

Use #E8F5E9 for a very light, airy background, or #C8E6C9 for a slightly richer but still gentle green base.

text

#2E7D32 or a dark charcoal provides excellent readability on lighter backgrounds. For emphasis, #4CAF50 can be used on very light tones.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter greens like #C8E6C9 for text on #E8F5E9.
  • Prioritize #2E7D32 for main body text on light backgrounds to meet WCAG contrast requirements.
  • Avoid pairing #C8E6C9 with #81C784 for small text as their contrast may be insufficient.
  • For interactive elements, use #4CAF50 or #2E7D32 to provide clear visual affordance and feedback.

Recommended combinations

Fresh Growth

A dynamic combination for impactful branding or calls to action, showcasing depth and freshness.

#2E7D32 · #4CAF50 · #C8E6C9

Soft Sunlight

Creates a gentle, inviting background with subtle layers, perfect for content-heavy sections.

#E8F5E9 · #C8E6C9 · #81C784

Vibrant Garden

Ideal for a rich, natural green gradient or a consistent green theme across various elements.

#4CAF50 · #81C784 · #2E7D32

CSS variables

:root {
  --succulent-garden-hues-1: #C8E6C9;
  --succulent-garden-hues-2: #81C784;
  --succulent-garden-hues-3: #4CAF50;
  --succulent-garden-hues-4: #E8F5E9;
  --succulent-garden-hues-5: #2E7D32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "succulent-garden-hues": {
        1: "#C8E6C9",
        2: "#81C784",
        3: "#4CAF50",
        4: "#E8F5E9",
        5: "#2E7D32",
      }
    }
  }
}

Related searches

fresh green color palettenatural succulent colorsvibrant garden themeorganic green schemeplant inspired design

Palette colors

Hex values

Color 1#C8E6C9
·
Color 2#81C784
·
Color 3#4CAF50
·
Color 4#E8F5E9
·
Color 5#2E7D32
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
1.2:1Fail
3.8:1AA18
2
1.5:1Fail
1.4:1Fail
1.8:1Fail
2.5:1Fail
3
2.1:1Fail
1.4:1Fail
2.5:1Fail
1.8:1Fail
4
1.2:1Fail
1.8:1Fail
2.5:1Fail
4.6:1AA
5
3.8:1AA18
2.5:1Fail
1.8:1Fail
4.6:1AA

Similar palettes

More like Succulent Garden Hues

View all Earth
Botanical Earth Ground
Botanical Green Sanctuary
Spring Meadow Dewdrop
Desert Oasis Bloom
Forest Bathing
Forest Stream Stones