Back to palettes

Palette

Deep Woods

Rich greens and earthy browns capture the dense, untouched beauty of a wild forest.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Woods 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 Deep Woods.

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

Data visualization

#013220#228B22#556B2F#8B4513#CD853F

Palette guide

How to use Deep Woods

Overview

The Deep Woods palette captures the dense, untouched beauty of a wild forest through its rich greens and earthy browns. It features the profound dark green #013220 and the vibrant #228B22, contrasted with the earthy olive #556B2F. Complementing these are the deep wood brown #8B4513 and the lighter, warm #CD853F. This natural and deep collection is perfect for designers seeking to evoke organic beauty, robustness, and a sense of wilderness. Developers can utilize these hues for eco-friendly branding, outdoor adventure applications, or any project that benefits from a grounded, authentic, and deeply natural aesthetic, bringing the wild indoors.

Best used for

  • Outdoor adventure and travel brands
  • Eco-tourism websites
  • Woodcraft or artisan product showcases
  • Nature conservation initiatives
  • Forestry and wildlife educational content
  • Rustic interior design concepts

Suggested color roles

primary

#013220 - The deepest, most foundational green, ideal for expansive backgrounds or dominant brand elements, conveying depth and stability.

secondary

#228B22 - A classic forest green, perfect for content sections, headers, or secondary navigational components.

accent

#CD853F - A warm, inviting brown, excellent for interactive elements, calls to action, or natural graphical accents.

background

#556B2F - An earthy olive green that serves as a versatile background for content, offering a soft, organic base.

text

#CD853F - Recommended for primary text against the darkest shades like #013220 or #556B2F to ensure good readability. Alternatively, a light cream or white for higher contrast.

Accessibility notes

  • Text in #CD853F against #013220 or #556B2F will provide good contrast, generally meeting WCAG AA standards.
  • Avoid using #8B4513 for text on #556B2F, as contrast may be insufficient for smaller font sizes.
  • For critical information, especially on mid-tones like #228B22, consider using pure white or a very light cream for maximum legibility.
  • Ensure interactive elements, particularly those using #CD853F, are clearly distinguishable from adjacent browns and greens.

Recommended combinations

Forest Floor

To create deep, natural background gradients or for subtle sectioning in nature-themed designs, evoking the forest floor.

#013220 · #556B2F · #8B4513

Woodland Accent

Highlighting key information or interactive components, with #CD853F providing a warm, inviting focal point.

#228B22 · #CD853F · #8B4513

Earthy Depths

Effective for robust branding or natural UI elements, offering a harmonious blend of greens and browns.

#013220 · #228B22 · #CD853F

CSS variables

:root {
  --deep-woods-1: #013220;
  --deep-woods-2: #228B22;
  --deep-woods-3: #556B2F;
  --deep-woods-4: #8B4513;
  --deep-woods-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-woods": {
        1: "#013220",
        2: "#228B22",
        3: "#556B2F",
        4: "#8B4513",
        5: "#CD853F",
      }
    }
  }
}

Related searches

deep forest colorswild nature paletteearthy green and brownwoodland aesthetic brandingnatural UI color scheme

Palette colors

Hex values

Color 1#013220
·
Color 2#228B22
·
Color 3#556B2F
·
Color 4#8B4513
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.2:1AA18
2.4:1Fail
2:1Fail
4.8:1AA
2
3.2:1AA18
1.4:1Fail
1.6:1Fail
1.5:1Fail
3
2.4:1Fail
1.4:1Fail
1.2:1Fail
2:1Fail
4
2:1Fail
1.6:1Fail
1.2:1Fail
2.4:1Fail
5
4.8:1AA
1.5:1Fail
2:1Fail
2.4:1Fail

Similar palettes

More like Deep Woods

View all Earth
Ancient Forest Roots
Enchanted Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Dell
Forest Bathing
Forest Whisper