Back to palettes

Palette

Rainforest Canopy Bloom

A lush composition of greens with flashes of sunny yellow, capturing the vibrant life of a rainforest canopy.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2E8B57#3CB371#6B8E23#FFD700#F0E68C

Palette guide

How to use Rainforest Canopy Bloom

Overview

The "Rainforest Canopy Bloom" palette is a lush composition of greens with flashes of sunny yellow, perfectly capturing the vibrant, natural life of a rainforest canopy. With deep sea green #2E8B57, refreshing medium sea green #3CB371, and an earthy olive drab #6B8E23, this palette provides a robust green foundation. Bright accents of gold #FFD700 and a soft light khaki #F0E68C add warmth and highlights, making it ideal for designs that aim to feel organic, fresh, and energetic. This versatile palette is excellent for conveying growth, vitality, and natural beauty in various applications.

Best used for

  • Eco-friendly brand identities
  • Botanical illustration and art
  • Sustainable product packaging
  • Nature-focused educational materials
  • Healthy lifestyle websites
  • Garden and outdoor living designs

Suggested color roles

primary

Utilize #2E8B57 (Sea Green) as the core color for branding, primary buttons, or significant headings, providing a strong, natural presence.

secondary

Employ #3CB371 (Medium Sea Green) for supporting content, subheadings, or secondary calls-to-action, offering a harmonious green contrast.

accent

Introduce #FFD700 (Gold) for impactful highlights, interactive elements, or key information that needs a bright, sunny pop.

background

Apply #F0E68C (Light Khaki) as a soft, warm background, creating an inviting canvas that allows the greens to flourish.

text

For excellent readability on light backgrounds like #F0E68C, use a dark green such as #2E8B57 or a classic charcoal black.

Accessibility notes

  • Ensure sufficient contrast when using #FFD700 for text on lighter backgrounds like #F0E68C; it may require larger font sizes or bolding.
  • The deep #2E8B57 offers strong contrast against #F0E68C, making it suitable for body text and important content.
  • Be mindful when placing #6B8E23 on #F0E68C for smaller text; check contrast ratios to meet WCAG standards.
  • For interactive elements, consider pairing the gold #FFD700 with a darker green like #2E8B57 for better visual distinction.

Recommended combinations

Golden Leaves

Perfect for header sections or hero images, combining a solid green base with warm, inviting highlights.

#2E8B57 · #F0E68C · #FFD700

Earthy Layers

Create depth and organic flow in layouts, ideal for infographics, data visualization, or layered design elements.

#2E8B57 · #3CB371 · #6B8E23

Sunny Path

Use for cheerful accents and secondary information, bringing a bright, natural feel to callouts or testimonials.

#6B8E23 · #F0E68C · #FFD700

CSS variables

:root {
  --rainforest-canopy-bloom-1: #2E8B57;
  --rainforest-canopy-bloom-2: #3CB371;
  --rainforest-canopy-bloom-3: #6B8E23;
  --rainforest-canopy-bloom-4: #FFD700;
  --rainforest-canopy-bloom-5: #F0E68C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainforest-canopy-bloom": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#FFD700",
        5: "#F0E68C",
      }
    }
  }
}

Related searches

earthy green yellow palettenatural botanical colorsrainforest canopy UIsustainable brand color schemevibrant nature design

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#3CB371
·
Color 3#6B8E23
·
Color 4#FFD700
·
Color 5#F0E68C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.1:1Fail
3:1AA18
3.3:1AA18
2
1.6:1Fail
1.4:1Fail
1.9:1Fail
2.1:1Fail
3
1.1:1Fail
1.4:1Fail
2.7:1Fail
3:1Fail
4
3:1AA18
1.9:1Fail
2.7:1Fail
1.1:1Fail
5
3.3:1AA18
2.1:1Fail
3:1Fail
1.1:1Fail

Similar palettes

More like Rainforest Canopy Bloom

View all earth
Botanical Groundcover Greens
Emerald Forest Canopy
Forest Canopy Light
Lush Forest Canopy
Rainforest Canopy
Sylvan Glade