Back to palettes

Palette

Botanical Forest Gleam

A vibrant spectrum of greens, evoking the lush, dewy undergrowth of a thriving botanical forest.

VibrantNatural5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Forest Gleam 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 Forest Gleam.

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

Data visualization

#2E8B57#3CB371#98FB98#228B22#6B8E23

Palette guide

How to use Botanical Forest Gleam

Overview

The Botanical Forest Gleam palette is a vibrant spectrum of greens, evoking the lush, dewy undergrowth of a thriving botanical forest. This energetic collection features a rich sea green #2E8B57, a refreshing medium sea green #3CB371, a bright pale green #98FB98, a deep forest green #228B22, and a vibrant olive green #6B8E23. Designers can leverage these colors to create projects with an organic, dynamic, and fresh feel. Developers will find these hues provide dynamic possibilities for visual hierarchy and interactive elements, ideal for building engaging user interfaces or digital art that radiates natural vitality and a flourishing botanical charm, reminiscent of a sun-dappled forest.

Best used for

  • Forest conservation and environmental websites
  • Outdoor adventure and eco-tourism branding
  • Organic food and natural product marketing
  • Health and wellness app design
  • Children's educational content about nature
  • Digital illustrations of lush landscapes

Suggested color roles

primary

#228B22 - A deep forest green that firmly grounds the palette, ideal for main headings, navigation, or foundational elements.

secondary

#2E8B57 - A rich sea green that offers a strong, natural complement, suitable for subheadings, secondary interactive elements, or content blocks.

accent

#98FB98 - A bright pale green that acts as a lively accent, best used sparingly for highlights, icons, or call-to-action elements.

background

#3CB371 - A refreshing medium sea green that creates an energetic and fresh canvas, allowing other vibrant greens to pop.

text

Use a deep green like #228B22 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 #228B22 or #2E8B57 for text against #98FB98 or #3CB371.
  • Avoid pairing #3CB371 and #98FB98 for text and background, as their moderate contrast may not be sufficient for all users.
  • Always check all text and interactive element color combinations with WCAG contrast tools for compliance.
  • Be cautious with the very bright #98FB98; use it for small accents or ensure it has dark text overlay for legibility.

Recommended combinations

Forest Depths

Creates a rich, layered green look, ideal for main content blocks or natural branding.

#228B22 · #2E8B57 · #3CB371

Gleaming Light

Offers a bright and refreshing combination, perfect for highlights, infographics, or lively accents.

#98FB98 · #6B8E23 · #3CB371

Vibrant Undergrowth

Provides strong grounding with vibrant pops, suitable for headers, calls to action, or dynamic visual elements.

#2E8B57 · #98FB98 · #228B22

CSS variables

:root {
  --botanical-forest-gleam-1: #2E8B57;
  --botanical-forest-gleam-2: #3CB371;
  --botanical-forest-gleam-3: #98FB98;
  --botanical-forest-gleam-4: #228B22;
  --botanical-forest-gleam-5: #6B8E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-forest-gleam": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#98FB98",
        4: "#228B22",
        5: "#6B8E23",
      }
    }
  }
}

Related searches

vibrant green forestbotanical gleam palettelush nature colorsbright forest designdewy green scheme

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#3CB371
·
Color 3#98FB98
·
Color 4#228B22
·
Color 5#6B8E23
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.4:1AA18
1:1Fail
1.1:1Fail
2
1.6:1Fail
2.1:1Fail
1.6:1Fail
1.4:1Fail
3
3.4:1AA18
2.1:1Fail
3.5:1AA18
3:1AA18
4
1:1Fail
1.6:1Fail
3.5:1AA18
1.2:1Fail
5
1.1:1Fail
1.4:1Fail
3:1AA18
1.2:1Fail

Similar palettes

More like Botanical Forest Gleam

View all Vibrant
Verdant Botanical Burst
Verdant Glade
Ancient Forest Roots
Aurora Blossom Dreams
Deep Moss Canopy
Deep Woods