Back to palettes

Palette

Rainforest Fern

A deep and rich palette of greens, embodying the vibrant, verdant life of an exotic rainforest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004D40#00695C#00897B#26A69A#4DB6AC

Palette guide

How to use Rainforest Fern

Overview

The "Rainforest Fern" palette is a sophisticated collection of deep, cool greens and teals, reminiscent of lush, shaded fern fronds in a tropical environment. Ranging from the profound #004D40 to the softer, airy #4DB6AC, this palette exudes tranquility, elegance, and a strong connection to nature. The versatile #00695C and #00897B offer harmonious mid-tones, while #26A69A provides a subtle highlight. It's exceptionally useful for designers aiming to create serene, yet refined, digital experiences or branding that conveys natural beauty, calm, and eco-chic sophistication.

Best used for

  • Botanical skincare products
  • Sustainable fashion brands
  • Wellness and meditation apps
  • Eco-chic home decor
  • Natural history museum exhibits
  • Zen garden landscape design

Suggested color roles

primary

Designate #004D40 as the deep, anchoring shade for headings, main calls-to-action, and core brand identity.

secondary

Use #00695C for supporting navigation, subheadings, and content blocks, maintaining a cohesive and calm feel.

accent

Apply #26A69A as a brighter, yet still subdued, highlight for interactive elements or key information.

background

Employ #4DB6AC for a light green/teal background, or pair with a very light cream/off-white for content areas.

text

On dark colors, white text provides excellent contrast. For light backgrounds, #004D40 or a dark charcoal ensures readability.

Accessibility notes

  • Lighter shades like #4DB6AC may not provide sufficient contrast for small text on very light backgrounds; use for large text or accents.
  • Ensure good contrast for text on #26A69A. Darker text or increasing font size might be necessary for readability.
  • The deepest color, #004D40, offers excellent contrast for white or light gray text, ideal for headers.
  • Always verify all text and interactive elements meet WCAG AA standards to ensure an accessible design.

Recommended combinations

Deep Forest Calm

Strong dark base with a light, airy accent and a balancing secondary for a serene, natural feel.

#004D40 · #4DB6AC · #00695C

Verdant Serenity

Mid-tone green with a slightly brighter highlight, grounded by the deepest shade for depth and calm.

#00897B · #26A69A · #004D40

Teal Harmony

A smooth, calming gradient for background elements and subtle transitions in sophisticated designs.

#00695C · #4DB6AC · #00897B

CSS variables

:root {
  --rainforest-fern-1: #004D40;
  --rainforest-fern-2: #00695C;
  --rainforest-fern-3: #00897B;
  --rainforest-fern-4: #26A69A;
  --rainforest-fern-5: #4DB6AC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-fern": {
        1: "#004D40",
        2: "#00695C",
        3: "#00897B",
        4: "#26A69A",
        5: "#4DB6AC",
      }
    }
  }
}

Related searches

dark teal green paletteserene nature color schemebotanical green brandinglush tropical designeco friendly calm colors

Palette colors

Hex values

Color 1#004D40
·
Color 2#00695C
·
Color 3#00897B
·
Color 4#26A69A
·
Color 5#4DB6AC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.3:1AA18
4:1AA18
2
1.5:1Fail
1.5:1Fail
2.2:1Fail
2.7:1Fail
3
2.3:1Fail
1.5:1Fail
1.4:1Fail
1.8:1Fail
4
3.3:1AA18
2.2:1Fail
1.4:1Fail
1.2:1Fail
5
4:1AA18
2.7:1Fail
1.8:1Fail
1.2:1Fail

Similar palettes

More like Rainforest Fern

View all earth
Lush Botanical Garden
Tropical Verdant Realm
Botanical Sketch Green
Canopy Emerald Burst
Desert Succulent Path
Emerald Forest Canopy