Back to palettes

Palette

Verdant Forest Canopy

A refreshing blend of deep greens and light teals, inspired by a dense, vibrant forest canopy at dawn.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004B49#026670#9FEDD7#C6E0C4#A6D49F

Palette guide

How to use Verdant Forest Canopy

Overview

The Verdant Forest Canopy palette offers a refreshing blend of deep greens and light teals, inspired by a dense, vibrant forest canopy at dawn. With grounding tones like `#004B49` and the serene `#026670`, complemented by the bright `#9FEDD7` and the soft `#C6E0C4`, this collection creates a lush, natural, and sophisticated atmosphere. Designers and developers can leverage these hex codes to craft elegant interfaces or brand identities that evoke tranquility and growth. It's particularly effective for projects aiming for a modern, eco-conscious aesthetic that blends depth with airy freshness across various digital and print applications.

Best used for

  • Eco-conscious luxury brands
  • Wellness and mindfulness platforms
  • Modern botanical art and design
  • Sustainable architecture presentations
  • High-end interior design concepts
  • Environmental advocacy websites

Suggested color roles

primary

Use `#026670` as the deep, serene main teal-green, conveying tranquility and depth.

secondary

Employ `#004B49` for the darkest elements, providing a strong, anchoring base.

accent

Apply `#9FEDD7` for bright, refreshing highlights, interactive elements, or key information.

background

Utilize `#C6E0C4` as a soft, airy green base that enhances the natural feel.

text

Choose `#004B49` for primary text on light backgrounds for excellent readability and a sophisticated look.

Accessibility notes

  • Ensure `#004B49` and `#026670` text on `#C6E0C4` or `#A6D49F` provides excellent contrast, meeting WCAG AA standards.
  • Use `#9FEDD7` for larger headings or accents, but avoid for small body text on light backgrounds due to potential low contrast.
  • Verify that interactive elements using brighter hues have sufficient contrast with surrounding elements.
  • Always check all text and UI element contrast ratios to ensure accessibility for all users.

Recommended combinations

Deep Forest Contrast

Creates a striking, high-contrast look, ideal for hero sections or prominent calls to action.

#004B49 · #9FEDD7 · #C6E0C4

Teal Serenity

Ideal for layered designs, showcasing the harmonious blend of teal and soft greens.

#026670 · #A6D49F · #C6E0C4

Light & Refreshing

Excellent for soft, airy backgrounds or elements that require a delicate, refreshing touch.

#9FEDD7 · #A6D49F · #026670

CSS variables

:root {
  --verdant-forest-canopy-1: #004B49;
  --verdant-forest-canopy-2: #026670;
  --verdant-forest-canopy-3: #9FEDD7;
  --verdant-forest-canopy-4: #C6E0C4;
  --verdant-forest-canopy-5: #A6D49F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-forest-canopy": {
        1: "#004B49",
        2: "#026670",
        3: "#9FEDD7",
        4: "#C6E0C4",
        5: "#A6D49F",
      }
    }
  }
}

Related searches

deep green teal paletteserene forest colorsmodern nature brandinglush green web designeco luxury color scheme

Palette colors

Hex values

Color 1#004B49
·
Color 2#026670
·
Color 3#9FEDD7
·
Color 4#C6E0C4
·
Color 5#A6D49F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
7.4:1AAA
7.1:1AAA
6:1AA
2
1.5:1Fail
5:1AA
4.7:1AA
4:1AA18
3
7.4:1AAA
5:1AA
1:1Fail
1.2:1Fail
4
7.1:1AAA
4.7:1AA
1:1Fail
1.2:1Fail
5
6:1AA
4:1AA18
1.2:1Fail
1.2:1Fail

Similar palettes

More like Verdant Forest Canopy

View all earth
Emerald Moss Canopy
Enchanted Forest Canopy
Enchanted Forest Glade
Enchanted Grove
Forest Fern Canopy
Jade Canopy Gaze