Back to palettes

Palette

Lush Botanical Garden

A vibrant exploration of green hues, reflecting the diverse and flourishing life within a verdant botanical haven.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lush Botanical Garden 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 Lush Botanical Garden.

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

Data visualization

#006400#228B22#3CB371#6B8E23#556B2F

Palette guide

How to use Lush Botanical Garden

Overview

The Lush Botanical Garden palette offers a vibrant and earthy exploration of green hues, reflecting the flourishing life within a verdant haven. From the deep forest green #006400 to the lively #228B22, the refreshing #3CB371, and the unique olive tones of #6B8E23 and #556B2F, this collection is perfect for designers and developers seeking to evoke nature, growth, and tranquility. Its diverse range of greens allows for rich, organic designs that feel both grounded and fresh. Ideal for projects that aim to connect users with the natural world, promoting a sense of vitality and ecological consciousness.

Best used for

  • Eco-friendly brand websites and packaging
  • Gardening and landscaping services branding
  • Health and wellness applications
  • Organic food product marketing
  • Nature conservation and environmental non-profits
  • Outdoor adventure and tourism platforms

Suggested color roles

primary

Use #006400 as a deep, anchoring primary for main sections, headers, or strong brand elements, signifying growth and stability.

secondary

Apply #228B22 for supportive content, subheadings, or secondary calls-to-action, offering a fresh, vital presence.

accent

Employ #3CB371 to highlight interactive elements, key information, or decorative details, bringing a vibrant, refreshing pop.

background

Utilize a light cream or off-white background to let the greens truly flourish, or use #556B2F for a more earthy, subdued base.

text

For optimal readability, use a dark charcoal or black text on lighter green backgrounds, or white text on #006400 or #556B2F.

Accessibility notes

  • Ensure sufficient contrast for text on all green backgrounds; white or light cream text often works best on darker greens.
  • Avoid using #6B8E23 or #556B2F for small text on a similarly dark background due to potential readability issues.
  • Test color combinations for users with color vision deficiencies, as green hues can be challenging.
  • Prioritize high contrast for interactive elements and calls-to-action to ensure clear usability.

Recommended combinations

Forest Floor

A rich, deep combination for immersive natural themes, with a dark base, vibrant accent, and earthy secondary.

#006400 · #3CB371 · #556B2F

Garden Fresh

Excellent for lively content areas, using a bright green base, deep text/elements, and a vivid accent.

#228B22 · #006400 · #3CB371

Earthy Tones

Suitable for organic branding, with a muted base, olive accents, and a deep green for strong statements.

#556B2F · #6B8E23 · #006400

CSS variables

:root {
  --lush-botanical-garden-1: #006400;
  --lush-botanical-garden-2: #228B22;
  --lush-botanical-garden-3: #3CB371;
  --lush-botanical-garden-4: #6B8E23;
  --lush-botanical-garden-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lush-botanical-garden": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#6B8E23",
        5: "#556B2F",
      }
    }
  }
}

Related searches

lush green color palettebotanical garden colorsnature inspired web designearthy green brandingvibrant natural color schemes

Palette colors

Hex values

Color 1#006400
·
Color 2#228B22
·
Color 3#3CB371
·
Color 4#6B8E23
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
2:1Fail
1.3:1Fail
2
1.7:1Fail
1.6:1Fail
1.2:1Fail
1.4:1Fail
3
2.8:1Fail
1.6:1Fail
1.4:1Fail
2.2:1Fail
4
2:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
5
1.3:1Fail
1.4:1Fail
2.2:1Fail
1.6:1Fail

Similar palettes

More like Lush Botanical Garden

View all earth
Rainforest Fern
Succulent Garden Dew
Apothecary Bloom Green
Botanical Bloom Burst
Botanical Herb Garden
Botanical Sketch Green