Back to palettes

Palette

Forest Canopy Echoes

A tranquil palette inspired by dappled light filtering through ancient forest canopies.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1F422A#3A6F4E#6B9B7A#A2C3A2#DBE5DB

Palette guide

How to use Forest Canopy Echoes

Overview

The Forest Canopy Echoes palette is a tranquil collection inspired by dappled light filtering through ancient forest canopies. It features a sophisticated gradient of muted greens, from the very deep Very Dark Green (#1F422A) to the almost ethereal Very Pale Green (#DBE5DB). Intermediate tones like Dark Muted Green (#3A6F4E), Mid-tone Green (#6B9B7A), and Light Muted Green (#A2C3A2) create a soft, harmonious flow. This palette is exceptionally useful for designers and developers aiming to evoke calm, sustainability, and understated elegance. Its gentle, organic feel is perfect for creating serene digital experiences or natural, sophisticated brand identities that resonate with peace and environmental consciousness.

Best used for

  • Wellness and meditation app interfaces
  • Sustainable and eco-conscious product branding
  • Artisanal craft and handmade goods websites
  • Nature-inspired home decor and textiles
  • Minimalist portfolio or blog designs
  • Educational content on natural sciences

Suggested color roles

primary

Very Dark Green (#1F422A) serves as a strong, anchoring color for headers, footers, or deep background sections.

secondary

Dark Muted Green (#3A6F4E) and Mid-tone Green (#6B9B7A) are excellent for subheadings, cards, or graphical elements.

accent

Light Muted Green (#A2C3A2) or Very Pale Green (#DBE5DB) can be used for subtle highlights, interactive states, or delicate illustrations.

background

Very Pale Green (#DBE5DB) provides a light, airy, and calming base. For a moodier feel, Very Dark Green (#1F422A) creates depth.

text

On lighter backgrounds, a deep charcoal or black ensures clarity. For dark backgrounds, white or a light cream offers strong contrast.

Accessibility notes

  • Ensure sufficient contrast between adjacent mid-tones, such as #6B9B7A and #A2C3A2, especially for text.
  • Very Dark Green (#1F422A) provides excellent contrast for white text.
  • When using lighter shades like #A2C3A2 on #DBE5DB, verify that text is large enough or bolded for readability.
  • Avoid using #3A6F4E directly on #6B9B7A for small text elements.

Recommended combinations

Tranquil Depth

Ideal for creating a sense of natural depth and sophisticated layering in UI.

#1F422A · #3A6F4E · #6B9B7A

Soft Light

Perfect for clean, readable content areas or as a primary light background.

#A2C3A2 · #DBE5DB · #3A6F4E

Muted Contrast

Use the darkest green for text on a lighter green background for a gentle but clear contrast.

#1F422A · #A2C3A2 · #6B9B7A

CSS variables

:root {
  --forest-canopy-echoes-1: #1F422A;
  --forest-canopy-echoes-2: #3A6F4E;
  --forest-canopy-echoes-3: #6B9B7A;
  --forest-canopy-echoes-4: #A2C3A2;
  --forest-canopy-echoes-5: #DBE5DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-canopy-echoes": {
        1: "#1F422A",
        2: "#3A6F4E",
        3: "#6B9B7A",
        4: "#A2C3A2",
        5: "#DBE5DB",
      }
    }
  }
}

Related searches

sage green color palettetranquil green designsoft forest thememuted nature toneswellness color scheme

Palette colors

Hex values

Color 1#1F422A
·
Color 2#3A6F4E
·
Color 3#6B9B7A
·
Color 4#A2C3A2
·
Color 5#DBE5DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.5:1AA18
5.8:1AA
8.7:1AAA
2
1.9:1Fail
1.9:1Fail
3:1AA18
4.6:1AA
3
3.5:1AA18
1.9:1Fail
1.6:1Fail
2.5:1Fail
4
5.8:1AA
3:1AA18
1.6:1Fail
1.5:1Fail
5
8.7:1AAA
4.6:1AA
2.5:1Fail
1.5:1Fail

Similar palettes

More like Forest Canopy Echoes

View all earth
Mossy Glen
Enchanted Forest Lumina
Forest Canopy
Forest Fern Canopy
Forest Floor Moss
Forest Whisper Canopy