Palette

Tropical Verdant Realm

Immerse yourself in the dense, verdant heart of a tropical rainforest, full of rich life.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Verdant Realm 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 Verdant Realm.

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

Data visualization

#004D40#00695C#26A69A#66BB6A#A5D6A7

Palette guide

How to use Tropical Verdant Realm

Overview

The Tropical Verdant Realm palette immerses designs in the lush, rich depths of a rainforest, offering a serene yet vibrant natural aesthetic. Ranging from the deep, grounding #004D40 and #00695C, through the balanced #26A69A, to the refreshing #66BB6A and the soft #A5D6A7, this collection celebrates nature's tranquility. Designers and developers will find it perfect for projects requiring an organic, fresh, and sophisticated feel. It promotes feelings of growth, health, and environmental consciousness, making it ideal for brands seeking to convey natural beauty, sustainability, and calm, verdant energy.

Best used for

Eco-friendly product branding and packaging
Health and wellness websites or apps
Nature-inspired interior design concepts
Outdoor adventure and travel companies
Botanical garden or conservation society materials
Sustainable fashion brands

Suggested color roles

primary

#004D40 serves as a deep, anchoring base, perfect for backgrounds, footers, or primary text elements.

secondary

#26A69A offers a vibrant, yet calming, counterpoint for secondary headings, illustrations, or key informational blocks.

accent

#66BB6A, a fresh, lively green, ideal for interactive elements, highlights, or a touch of natural vibrancy.

background

#A5D6A7 provides a light, airy canvas, ensuring readability and a fresh, open feel.

text

A dark forest green like #004D40 or a very dark charcoal for optimal readability and a cohesive natural look.

Accessibility notes

Ensure strong contrast when using lighter greens like #A5D6A7 for backgrounds, especially with light text.
The variation between #004D40 and #00695C is subtle; avoid using them for critical distinctions for colorblind users.
Text on #004D40 or #00695C should be white or a very light shade for readability.
Always verify contrast ratios for text and UI elements to meet WCAG standards.

Recommended combinations

Forest Depths

Rich background layers, deep text, and sophisticated branding elements.

#004D40 · #00695C · #26A69A

Lush Canopy

Refreshing gradients, natural illustrations, or inviting content areas.

#26A69A · #66BB6A · #A5D6A7

Verdant Highlight

Clean backgrounds with strong textual contrast, and subtle interactive highlights.

#A5D6A7 · #004D40 · #66BB6A

CSS variables

:root {
  --tropical-verdant-realm-1: #004D40;
  --tropical-verdant-realm-2: #00695C;
  --tropical-verdant-realm-3: #26A69A;
  --tropical-verdant-realm-4: #66BB6A;
  --tropical-verdant-realm-5: #A5D6A7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-verdant-realm": {
        1: "#004D40",
        2: "#00695C",
        3: "#26A69A",
        4: "#66BB6A",
        5: "#A5D6A7",
      }
    }
  }
}

Hex values

Color 1#004D40

Color 2#00695C

Color 3#26A69A

Color 4#66BB6A

Color 5#A5D6A7

Accessibility

Contrast checker

1.5:1Fail

3.3:1AA18

4.2:1AA18

6:1AA

1.5:1Fail

2.2:1Fail

2.8:1Fail

4:1AA18

3.3:1AA18

2.2:1Fail

1.3:1Fail

1.8:1Fail

4.2:1AA18

2.8:1Fail

1.3:1Fail

1.4:1Fail

6:1AA

4:1AA18

1.8:1Fail

1.4:1Fail

Similar palettes

More like Tropical Verdant Realm

View all earth

Rainforest Bloom Shadow

Rainforest Canopy

Rainforest Fern

Canopy Emerald Burst

Emerald Canopy Shroud

Emerald Forest Canopy