Back to palettes

Palette

Forest Fern Canopy

Lush greens and cool teals that immerse you in the vibrant, shaded tranquility of a dense forest canopy.

CoolNatural5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004B49#00796B#00A19D#5FD0C5#A1D8D2

Palette guide

How to use Forest Fern Canopy

Overview

The Forest Fern Canopy palette immerses you in a world of lush, cool greens and vibrant teals, reflecting the tranquil beauty of a verdant forest. With deep teal #004B49, lively #00796B, and bright #00A19D, this collection offers a refreshing and modern take on nature-inspired design. Designers can utilize these shades for tech-forward eco-brands, serene wellness applications, or captivating digital art. Developers will find these hex codes excellent for creating dynamic and consistent visual experiences across web and mobile. The inclusion of a light #5FD0C5 and a very pale #A1D8D2 provides ample range for backgrounds and accents, ensuring a balanced and inviting aesthetic.

Best used for

  • Modern eco-friendly branding
  • Wellness and meditation apps
  • Tech company interfaces with a natural touch
  • Tropical resort marketing materials
  • Digital illustrations of aquatic or forest scenes
  • Sustainable fashion brand websites

Suggested color roles

primary

Use #004B49 (Deep Teal) as a strong foundational color for headers, navigation, or key interactive elements to convey depth and sophistication.

secondary

Apply #00796B (Medium Teal Green) for supporting content, informational graphics, or supporting UI components, adding a lively yet balanced feel.

accent

Incorporate #00A19D (Vibrant Teal) for highlights, calls-to-action, or important notifications, drawing attention with its bright, clear tone.

background

Utilize #A1D8D2 (Pale Teal) for light backgrounds, content cards, or subtle overlays, providing a clean, refreshing canvas.

text

Employ #004B49 (Deep Teal) for body text on lighter backgrounds for strong readability, or a crisp black for universal contrast.

Accessibility notes

  • Ensure high contrast when using #004B49 for text on #A1D8D2 backgrounds to meet WCAG AA standards.
  • Avoid using #5FD0C5 for small text on #A1D8D2 due to insufficient contrast.
  • For interactive elements, ensure distinct focus and hover states, perhaps using #00A19D against #5FD0C5.
  • Consider using a pure black or dark charcoal for body text if legibility with palette colors is a concern on very light backgrounds.

Recommended combinations

Deep Forest Teal

Excellent for creating gradients or layered elements that evoke depth and the mysterious feel of a deep forest.

#004B49 · #00796B · #00A19D

Fresh Verdant

Ideal for light, airy designs that convey freshness and vitality, perfect for health or wellness apps.

#5FD0C5 · #A1D8D2 · #00796B

Teal Contrast

Perfect for establishing clear visual hierarchy with strong, cool contrasts, suitable for modern interfaces and dashboards.

#004B49 · #A1D8D2 · #00A19D

CSS variables

:root {
  --forest-fern-canopy-2-1: #004B49;
  --forest-fern-canopy-2-2: #00796B;
  --forest-fern-canopy-2-3: #00A19D;
  --forest-fern-canopy-2-4: #5FD0C5;
  --forest-fern-canopy-2-5: #A1D8D2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-fern-canopy-2": {
        1: "#004B49",
        2: "#00796B",
        3: "#00A19D",
        4: "#5FD0C5",
        5: "#A1D8D2",
      }
    }
  }
}

Related searches

cool green teal paletteverdant web design colorsmodern nature color schemeteal forest hex codesrefreshing green blue palette

Palette colors

Hex values

Color 1#004B49
·
Color 2#00796B
·
Color 3#00A19D
·
Color 4#5FD0C5
·
Color 5#A1D8D2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.1:1AA18
5.4:1AA
6.3:1AA
2
1.9:1Fail
1.7:1Fail
2.9:1Fail
3.4:1AA18
3
3.1:1AA18
1.7:1Fail
1.7:1Fail
2:1Fail
4
5.4:1AA
2.9:1Fail
1.7:1Fail
1.2:1Fail
5
6.3:1AA
3.4:1AA18
2:1Fail
1.2:1Fail

Similar palettes

More like Forest Fern Canopy

View all Cool
Spring Fern Canopy
Enchanted Forest Glow
Ancient Cypress Shade
Ocean Jasper Tides
Rain-Kissed Ferns
Ancient Forest Roots