Palette

Botanical Green Sanctuary

Lush and vibrant, creating a refreshing haven of natural greens found in a botanical garden.

EarthNatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Green Sanctuary 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 Botanical Green Sanctuary.

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

Data visualization

#2E8B57#3CB371#66CDAA#8FBC8F#98FB98

Palette guide

How to use Botanical Green Sanctuary

Overview

The Botanical Green Sanctuary palette is a lush and vibrant collection, creating a refreshing haven of natural greens found in a botanical garden. This serene collection features a rich sea green #2E8B57, a refreshing medium sea green #3CB371, a soft aqua marine #66CDAA, a muted dark sea green #8FBC8F, and a bright pale green #98FB98. Designers can leverage these colors to create projects with an organic, tranquil, and fresh feel. Developers will find these hues provide a harmonious and calming user experience, ideal for websites or applications aiming for a natural, serene aesthetic with a touch of flourishing growth, reminiscent of a peaceful, verdant sanctuary.

Best used for

Botanical garden and conservatory websites
Wellness and spa-related branding
Eco-friendly and sustainable product packaging
Meditation and mindfulness app design
Nature-themed event invitations
Digital art depicting lush natural scenes

Suggested color roles

primary

#2E8B57 - A rich sea green that grounds the palette, ideal for main headings, navigation, or foundational elements.

secondary

#3CB371 - A refreshing medium sea green that offers a strong, natural complement, suitable for subheadings, secondary interactive elements, or content blocks.

accent

#66CDAA - A soft aqua marine that provides a gentle accent, best used sparingly for highlights, icons, or decorative details.

background

#98FB98 - A bright pale green that creates an airy, fresh canvas, allowing the deeper greens to emerge peacefully.

text

Use a deep green like #2E8B57 or a dark charcoal for body text against lighter backgrounds to ensure optimal readability and maintain the palette's organic feel.

Accessibility notes

Ensure sufficient contrast when using #2E8B57 or #3CB371 for text against #66CDAA or #98FB98.
Avoid pairing #8FBC8F and #98FB98 for text and background, as their low contrast will significantly hinder readability.
Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
For small text, prioritize higher contrast pairings to ensure legibility, especially with the lighter green tones.

Recommended combinations

Sanctuary Depths

Creates a deep, calming green gradient, ideal for main content areas or robust branding.

#2E8B57 · #3CB371 · #66CDAA

Fresh Oasis

Offers a light and airy feel with a touch of depth, perfect for backgrounds and subtle layering.

#98FB98 · #8FBC8F · #3CB371

Botanical Harmony

Provides clear readability with a natural aesthetic, suitable for text-heavy sections or minimalist interfaces.

#2E8B57 · #98FB98 · #66CDAA

CSS variables

:root {
  --botanical-green-sanctuary-1: #2E8B57;
  --botanical-green-sanctuary-2: #3CB371;
  --botanical-green-sanctuary-3: #66CDAA;
  --botanical-green-sanctuary-4: #8FBC8F;
  --botanical-green-sanctuary-5: #98FB98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-green-sanctuary": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#66CDAA",
        4: "#8FBC8F",
        5: "#98FB98",
      }
    }
  }
}

Hex values

Color 1#2E8B57

Color 2#3CB371

Color 3#66CDAA

Color 4#8FBC8F

Color 5#98FB98

Accessibility

Contrast checker

1.6:1Fail

2.2:1Fail

2:1Fail

3.4:1AA18

1.6:1Fail

1.4:1Fail

1.2:1Fail

2.1:1Fail

2.2:1Fail

1.4:1Fail

1.1:1Fail

1.5:1Fail

2:1Fail

1.2:1Fail

1.1:1Fail

1.7:1Fail

3.4:1AA18

2.1:1Fail

1.5:1Fail

1.7:1Fail

Similar palettes

More like Botanical Green Sanctuary

View all Earth

Spring Meadow Dewdrop

Succulent Garden Hues

Verdant Glade

Verdant Rainforest Floor

Botanical Earth Ground

Desert Oasis Bloom