Palette

Botanical Study Greens

A tranquil collection of natural greens and earthy tones, perfect for capturing the essence of a serene garden.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Study Greens 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 Study Greens.

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

Data visualization

#4F7942#8A9A5B#C2B280#E1D2B9#6B8E23

Palette guide

How to use Botanical Study Greens

Overview

The Botanical Study Greens palette offers a tranquil collection of natural greens and earthy tones, perfect for capturing the essence of a serene garden. Featuring the deep #4F7942 and the lively #6B8E23, alongside the unique #8A9A5B, this scheme introduces a warm #C2B280 and the creamy #E1D2B9. This palette is ideal for designs seeking an organic, mossy, and authentic aesthetic with a touch of warmth. Designers can leverage it for projects requiring a grounded yet inviting feel, such as garden design services, natural wellness brands, or artisanal product packaging. Its harmonious blend ensures a calming and visually appealing user experience, evoking a peaceful connection to nature.

Best used for

Garden design and landscaping services
Natural wellness and mindfulness brands
Artisanal food and beverage packaging
Eco-friendly home decor websites
Nature photography and art portfolios
Sustainable living blogs and content

Suggested color roles

primary

Utilize #4F7942 as a strong, grounding primary color for headers, important text, or impactful brand elements, conveying natural depth.

secondary

Apply #6B8E23 for subheadings, secondary content, or graphic elements, providing a lively yet balanced mid-green.

accent

Employ #C2B280 to introduce a unique, warm accent for interactive elements, calls-to-action, or to symbolize earthy textures.

background

The lightest shade, #E1D2B9, is perfect for clean, serene backgrounds, allowing the greens and warm tones to stand out crisply.

text

The deep #4F7942 is ideal for body text and critical information, ensuring excellent readability on light backgrounds like #E1D2B9.

Accessibility notes

Ensure strong contrast for text, using #4F7942 on #E1D2B9 or #C2B280 backgrounds, to meet WCAG AA standards.
Verify that #C2B280, when used as an accent, has sufficient contrast against its surrounding background for visibility.
Avoid pairing #8A9A5B with #6B8E23 for text and background without careful contrast testing due to their similar values.
For users with color vision deficiencies, supplement color cues with icons or underlines for important actions or status indicators.

Recommended combinations

Garden Earth

Creates a grounded, inviting look, pairing deep green with warm earth and a creamy white for a natural, rustic feel.

#4F7942 · #C2B280 · #E1D2B9

Mossy Harmony

Offers a harmonious blend of greens with an earthy undertone, ideal for illustrating natural scenes or serene interfaces.

#6B8E23 · #8A9A5B · #E1D2B9

Tranquil Contrast

Emphasizes readability and organic contrast, with darker green for titles and a light background for clear content hierarchy.

#4F7942 · #E1D2B9 · #6B8E23

CSS variables

:root {
  --botanical-study-greens-1: #4F7942;
  --botanical-study-greens-2: #8A9A5B;
  --botanical-study-greens-3: #C2B280;
  --botanical-study-greens-4: #E1D2B9;
  --botanical-study-greens-5: #6B8E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-study-greens": {
        1: "#4F7942",
        2: "#8A9A5B",
        3: "#C2B280",
        4: "#E1D2B9",
        5: "#6B8E23",
      }
    }
  }
}

Hex values

Color 1#4F7942

Color 2#8A9A5B

Color 3#C2B280

Color 4#E1D2B9

Color 5#6B8E23

Accessibility

Contrast checker

1.7:1Fail

2.4:1Fail

3.4:1AA18

1.3:1Fail

1.7:1Fail

1.5:1Fail

2.1:1Fail

1.2:1Fail

2.4:1Fail

1.5:1Fail

1.4:1Fail

1.8:1Fail

3.4:1AA18

2.1:1Fail

1.4:1Fail

2.6:1Fail

1.3:1Fail

1.2:1Fail

1.8:1Fail

2.6:1Fail

Similar palettes

More like Botanical Study Greens

View all earth

Enchanted Forest Lumina

Forest Whisper Canopy

Botanical Bloom Line

Botanical Herbarium Shade

Botanical Leaf Veins

Botanical Sketch