Back to palettes

Palette

Tropical Rainforest Bloom

Lush greens and subtle floral hints from a vibrant, living rainforest.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#007A5E#3B8C6C#6FA88B#A2C8AA#D0E4CB

Palette guide

How to use Tropical Rainforest Bloom

Overview

The Tropical Rainforest Bloom palette captures the lush greens and subtle floral hints of a vibrant, living rainforest. This harmonious collection features a deep forest green #007A5E, a lively emerald #3B8C6C, a softer sage #6FA88B, a muted mint #A2C8AA, and a very light, airy green #D0E4CB. Designers can utilize this palette to evoke feelings of nature, tranquility, and growth, making it ideal for eco-friendly brands, wellness applications, or natural product designs. Developers will appreciate the cohesive range of hex codes, ensuring a serene and professional visual experience across various digital platforms.

Best used for

  • Eco-friendly product packaging
  • Nature and wildlife conservation websites
  • Spa and wellness brand identity
  • Sustainable fashion collections
  • Botanical garden marketing materials
  • Organic food branding

Suggested color roles

primary

Use #007A5E as a grounding primary color for headers or important section backgrounds, conveying stability.

secondary

Employ #3B8C6C for subheadings or secondary navigation, adding a touch of vibrancy.

accent

Introduce #6FA88B for subtle highlights, icons, or decorative elements, maintaining a natural feel.

background

Apply #D0E4CB as a light, airy background for content areas, providing a fresh and clean canvas.

text

For body text, a dark grey like #333333 or black offers excellent readability against lighter greens; white text on #007A5E.

Accessibility notes

  • Ensure sufficient contrast when using #6FA88B text on #A2C8AA background.
  • Verify readability of black text on #D0E4CB and #A2C8AA.
  • Avoid pairing #D0E4CB with #A2C8AA for critical text elements due to low contrast.
  • Prioritize dark, high-contrast text on all lighter green backgrounds for optimal legibility.

Recommended combinations

Forest Depths

Excellent for creating depth in nature-themed designs, with #007A5E as a strong base.

#007A5E · #3B8C6C · #D0E4CB

Lush Canopy

Ideal for softer, harmonious backgrounds or illustrations, evoking a gentle natural feel.

#3B8C6C · #6FA88B · #A2C8AA

Fresh Growth

Use for clean interfaces or light branding, where #007A5E provides a grounding accent.

#A2C8AA · #D0E4CB · #007A5E

CSS variables

:root {
  --tropical-rainforest-bloom-1: #007A5E;
  --tropical-rainforest-bloom-2: #3B8C6C;
  --tropical-rainforest-bloom-3: #6FA88B;
  --tropical-rainforest-bloom-4: #A2C8AA;
  --tropical-rainforest-bloom-5: #D0E4CB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-rainforest-bloom": {
        1: "#007A5E",
        2: "#3B8C6C",
        3: "#6FA88B",
        4: "#A2C8AA",
        5: "#D0E4CB",
      }
    }
  }
}

Related searches

lush green color palettetropical nature colorsrainforest inspired designeco friendly brand colorsnatural serene palette

Palette colors

Hex values

Color 1#007A5E
·
Color 2#3B8C6C
·
Color 3#6FA88B
·
Color 4#A2C8AA
·
Color 5#D0E4CB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
2.9:1Fail
4:1AA18
2
1.3:1Fail
1.5:1Fail
2.2:1Fail
3:1AA18
3
1.9:1Fail
1.5:1Fail
1.5:1Fail
2:1Fail
4
2.9:1Fail
2.2:1Fail
1.5:1Fail
1.4:1Fail
5
4:1AA18
3:1AA18
2:1Fail
1.4:1Fail

Similar palettes

More like Tropical Rainforest Bloom

View all vibrant
Rainforest Canopy Light
Emerald Canopy Glade
Emerald Canopy Glow
Emerald Glade Lush
Jungle Dewdrop Shine
Jungle Emerald Vines