Palette

Ancient Woodland Path

Deep, shaded greens evoke the quiet mystery of an old growth forest path.

darkdark5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Woodland Path 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 Ancient Woodland Path.

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

Data visualization

#C3DBC5#7D9D81#4A6E4F#2A4B31#1C2B24

Palette guide

How to use Ancient Woodland Path

Overview

The Ancient Woodland Path palette captures the quiet mystery of an old growth forest path with deep, shaded greens. This collection features light #C3DBC5, muted #7D9D81, profound #4A6E4F, dark #2A4B31, and very deep #1C2B24. Designers can leverage these harmonious greens to infuse projects with a sense of calm, natural beauty, and contemplative depth. Ideal for conveying organic sophistication and an enchanting atmosphere, this palette is versatile for both digital experiences and print materials, bringing a serene, earthy woodland feel to life.

Best used for

Nature-themed blogs and conservation websites
Eco-friendly product branding and packaging
Outdoor photography portfolios
Wellness and meditation app interfaces
Botanical garden branding and signage
Children's book illustrations with a serene forest theme

Suggested color roles

primary

Utilize #1C2B24 or #2A4B31 for dominant elements like main headings, navigation, or foundational background sections, conveying depth and natural authority.

secondary

Employ #4A6E4F or #7D9D81 for subheadings, key information sections, or complementary graphic elements, providing a rich, balanced tone.

accent

Introduce #C3DBC5 for subtle calls-to-action, interactive states, or delicate decorative details, adding a touch of light and freshness.

background

#C3DBC5 offers a clean, airy background, while #7D9D81 can provide a more subdued, natural base.

text

For optimal readability, use a crisp white or light cream text on darker shades like #1C2B24, #2A4B31, or #4A6E4F. #1C2B24 works well for text on #C3DBC5.

Accessibility notes

Ensure high contrast when using white or light text on the darker green shades (#1C2B24, #2A4B31, #4A6E4F).
Avoid using #C3DBC5 for small text on #7D9D81 without rigorous WCAG contrast checking.
Prioritize the darkest shades for body text when placed on lighter backgrounds.
Regularly check WCAG AA compliance for all critical text and interactive elements.

Recommended combinations

Deep Canopy

Ideal for creating dark, atmospheric backgrounds, sophisticated branding, or gradients that evoke a sense of deep, shaded woods.

#1C2B24 · #2A4B31 · #4A6E4F

Forest Light

Excellent for highlights, calls-to-action, or graphic elements that need to stand out with a fresh, natural contrast.

#C3DBC5 · #7D9D81 · #2A4B31

Woodland Harmony

Perfect for illustrations, web banners, or UI designs that require a harmonious blend of shaded and brighter greens, evoking a peaceful path.

#4A6E4F · #7D9D81 · #C3DBC5

CSS variables

:root {
  --ancient-woodland-path-1: #C3DBC5;
  --ancient-woodland-path-2: #7D9D81;
  --ancient-woodland-path-3: #4A6E4F;
  --ancient-woodland-path-4: #2A4B31;
  --ancient-woodland-path-5: #1C2B24;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-woodland-path": {
        1: "#C3DBC5",
        2: "#7D9D81",
        3: "#4A6E4F",
        4: "#2A4B31",
        5: "#1C2B24",
      }
    }
  }
}

Hex values

Color 1#C3DBC5

Color 2#7D9D81

Color 3#4A6E4F

Color 4#2A4B31

Color 5#1C2B24

Accessibility

Contrast checker

2:1Fail

3.9:1AA18

6.6:1AA

10:1AAA

2:1Fail

1.9:1Fail

3.3:1AA18

4.9:1AA

3.9:1AA18

1.9:1Fail

1.7:1Fail

2.6:1Fail

6.6:1AA

3.3:1AA18

1.7:1Fail

1.5:1Fail

10:1AAA

4.9:1AA

2.6:1Fail

1.5:1Fail

Similar palettes

More like Ancient Woodland Path

View all dark

Shadowed Forest Realm