Back to palettes

Palette

Rainforest Bloom

A lush, verdant spectrum of greens, echoing the vibrant life and abundant growth of a rainforest.

monochromenatural5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainforest Bloom 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 Rainforest Bloom.

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

Data visualization

#228B22#3CB371#66CDAA#98FB98#C1FFC1

Palette guide

How to use Rainforest Bloom

Overview

The Rainforest Bloom palette is a refreshing and verdant monochrome spectrum, perfectly capturing the lush life and abundant growth of a thriving rainforest. This harmonious collection features a gradient of greens, from the deep forest green of #228B22, through the vibrant medium sea green of #3CB371, to the serene medium aquamarine of #66CDAA. It then brightens to the fresh pale green of #98FB98 and culminates in the very light mint green of #C1FFC1. Designers and developers can leverage this palette to create calm, organic, and invigorating digital experiences or branding that conveys growth, health, and a strong connection to nature.

Best used for

  • Wellness and natural health product branding
  • Environmental and sustainability initiatives
  • Organic food and beverage packaging
  • Clean, minimalist website designs with a natural touch
  • Spa or meditation app interfaces
  • Educational content about botany or ecology

Suggested color roles

primary

#228B22 (Forest Green) - A strong, grounding primary for main headers, foundational elements, or deep background sections.

secondary

#3CB371 (Medium Sea Green) - Excellent for sub-headings, secondary calls-to-action, or to add depth and vibrancy to content.

accent

#C1FFC1 (Light Mint Green) - Use sparingly for subtle highlights, interactive elements, or icons to add a fresh, airy touch.

background

#98FB98 (Pale Green) or #C1FFC1 (Light Mint Green) - Either can provide a soft, refreshing canvas; #C1FFC1 is lighter and more ethereal.

text

#228B22 (Forest Green) or a deep charcoal for optimal readability on lighter green backgrounds. White text works well on #228B22 and #3CB371.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing mid-tones like #66CDAA with #98FB98.
  • Text on #98FB98 or #C1FFC1 should use a darker green like #228B22 for optimal readability.
  • Avoid using #C1FFC1 for text on very light backgrounds as contrast will be insufficient.
  • Within this monochromatic palette, use size, weight, and position to differentiate interactive elements.

Recommended combinations

Deep Forest

Creates a rich, layered green depth, ideal for immersive backgrounds or content sections.

#228B22 · #3CB371 · #66CDAA

Fresh Growth

A lighter base (#98FB98) with a very light accent (#C1FFC1) and a strong primary (#228B22) for text.

#98FB98 · #C1FFC1 · #228B22

Verdant Highlight

Medium green as primary, light mint as accent for highlights, with deep green for supporting elements.

#3CB371 · #C1FFC1 · #228B22

CSS variables

:root {
  --rainforest-bloom-1: #228B22;
  --rainforest-bloom-2: #3CB371;
  --rainforest-bloom-3: #66CDAA;
  --rainforest-bloom-4: #98FB98;
  --rainforest-bloom-5: #C1FFC1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-bloom": {
        1: "#228B22",
        2: "#3CB371",
        3: "#66CDAA",
        4: "#98FB98",
        5: "#C1FFC1",
      }
    }
  }
}

Related searches

green monochrome palettelush nature colorsfresh green UI designrainforest inspired brandingorganic green color scheme

Palette colors

Hex values

Color 1#228B22
·
Color 2#3CB371
·
Color 3#66CDAA
·
Color 4#98FB98
·
Color 5#C1FFC1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
3.5:1AA18
3.8:1AA18
2
1.6:1Fail
1.4:1Fail
2.1:1Fail
2.3:1Fail
3
2.3:1Fail
1.4:1Fail
1.5:1Fail
1.7:1Fail
4
3.5:1AA18
2.1:1Fail
1.5:1Fail
1.1:1Fail
5
3.8:1AA18
2.3:1Fail
1.7:1Fail
1.1:1Fail

Similar palettes

More like Rainforest Bloom

View all monochrome
Emerald Glade
Green Moss Harmony
Verdant Canopy Shade
Ancient Temple Moss
Emerald Canopy Sun
Forest Canopy Verdant