Back to palettes

Palette

Tropical Forest Canopy

A refreshing blend of deep and lighter greens, inspired by sunlight filtering through a dense tropical canopy.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Forest Canopy 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 Forest Canopy.

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

Data visualization

#005F5F#3F8F8F#60A8A8#82C2C2#BFE2E2

Palette guide

How to use Tropical Forest Canopy

Overview

The "Tropical Forest Canopy" palette offers a refreshing blend of deep and lighter greens, inspired by sunlight filtering through a dense tropical canopy. This cool and serene scheme features a deep cyan-green (#005F5F), a balanced mid-tone (#3F8F8F), and a lighter aquatic green (#60A8A8). The palette progresses to a soft teal (#82C2C2) and culminates in a very pale, almost ethereal cyan (#BFE2E2). Designers and developers will find this palette excellent for creating tranquil, fresh, and sophisticated interfaces or branding. It's particularly effective for projects aiming to convey calmness, clarity, or an eco-friendly ethos with a touch of elegance.

Best used for

  • Spa and wellness brand identity
  • Eco-friendly product packaging
  • Clean technology interfaces
  • Coastal-themed web designs
  • Environmental awareness campaigns
  • Serene interior design concepts

Suggested color roles

primary

Use #005F5F (Deep Cyan-Green) for primary navigation, headings, or important data to establish a sense of depth and stability.

secondary

Apply #60A8A8 (Light Aquatic Green) for subheadings, background elements, or secondary calls-to-action to maintain a fresh, inviting feel.

accent

Incorporate #3F8F8F (Medium Cyan-Green) for subtle highlights, interactive elements, or illustrations, adding visual interest without overwhelming.

background

Utilize #BFE2E2 (Very Pale Cyan) for main content areas and backgrounds, providing an airy, clean, and expansive canvas.

text

Pair light backgrounds with a dark charcoal, black, or #005F5F text for optimal readability and a cohesive aesthetic.

Accessibility notes

  • Ensure sufficient contrast for text on #BFE2E2; a dark color like black or #005F5F is essential for readability.
  • For interactive elements, maintain clear contrast between normal, hover, and active states using colors from the palette.
  • White text works well on #005F5F and #3F8F8F, offering good contrast.
  • Avoid using #BFE2E2 for small text as its lightness may hinder readability on similar light backgrounds.

Recommended combinations

Deep Waters

Ideal for footer sections or deep content blocks, providing a sense of calm and depth.

#005F5F · #3F8F8F · #60A8A8

Morning Mist

Excellent for hero sections or tranquil imagery, evoking a soft, ethereal, and refreshing atmosphere.

#82C2C2 · #BFE2E2 · #60A8A8

Canopy Light

Suitable for balanced layouts or layered elements, combining depth with airy lightness.

#60A8A8 · #82C2C2 · #005F5F

CSS variables

:root {
  --tropical-forest-canopy-1: #005F5F;
  --tropical-forest-canopy-2: #3F8F8F;
  --tropical-forest-canopy-3: #60A8A8;
  --tropical-forest-canopy-4: #82C2C2;
  --tropical-forest-canopy-5: #BFE2E2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-forest-canopy": {
        1: "#005F5F",
        2: "#3F8F8F",
        3: "#60A8A8",
        4: "#82C2C2",
        5: "#BFE2E2",
      }
    }
  }
}

Related searches

cool green paletteserene cyan colorsrefreshing nature schemelight tropical greenspa color palette

Palette colors

Hex values

Color 1#005F5F
·
Color 2#3F8F8F
·
Color 3#60A8A8
·
Color 4#82C2C2
·
Color 5#BFE2E2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.7:1Fail
3.7:1AA18
5.4:1AA
2
2:1Fail
1.4:1Fail
1.9:1Fail
2.7:1Fail
3
2.7:1Fail
1.4:1Fail
1.4:1Fail
2:1Fail
4
3.7:1AA18
1.9:1Fail
1.4:1Fail
1.5:1Fail
5
5.4:1AA
2.7:1Fail
2:1Fail
1.5:1Fail

Similar palettes

More like Tropical Forest Canopy

View all cool
Emerald Coastline Bloom
Monsoon Rain Greens
Rainforest Jewel Canopy
Tropical Mist Verdure
Deep Sea Coral
Dewdrop Emerald Vine