Back to palettes

Palette

Ancient Forest Bark

Deep and grounding browns and grays, capturing the textured resilience of ancient tree bark.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Forest Bark 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 Forest Bark.

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

Data visualization

#4A3A2D#6D5C4A#998774#2B1E17#7B6856

Palette guide

How to use Ancient Forest Bark

Overview

The Ancient Forest Bark palette offers a grounding collection of deep browns and earthy grays, capturing the textured resilience of old-growth trees. This palette includes robust shades like #4A3A2D and #6D5C4A, complemented by lighter, weathered tones such as #998774. With its darkest shade #2B1E17 and versatile #7B6856, it provides a solid foundation for projects needing warmth, stability, and an organic feel. Designers can leverage its subtle variations to create depth without overwhelming the eye, making it ideal for backgrounds, UI elements, or accentuating natural themes. Developers will find these hex values easy to implement for consistent branding across platforms, ensuring a cohesive and natural aesthetic.

Best used for

  • Rustic interior design concepts
  • Eco-friendly product packaging
  • Nature-themed websites or apps
  • Branding for artisanal crafts or breweries
  • Historical documentary graphics
  • Outdoor adventure apparel branding

Suggested color roles

primary

#4A3A2D - A robust, deep brown, excellent for foundational elements, headers, or large content blocks. It provides a strong, stable anchor.

secondary

#6D5C4A - A versatile mid-tone brown, perfect for supporting content, navigation, or as a background for lighter text.

accent

#998774 - A lighter, warm tan that can highlight key information or interactive elements without being overly bright, offering a subtle contrast.

background

#7B6856 - A soft, earthy brown, providing a comfortable, natural backdrop that is easy on the eyes.

text

#2B1E17 - This darkest shade ensures strong readability against lighter tones like #998774 or #7B6856. For darker backgrounds, a near-white or light cream text color would be recommended.

Accessibility notes

  • Ensure sufficient contrast between #2B1E17 text and lighter backgrounds like #998774 (WCAG AA/AAA).
  • Text in #4A3A2D might require a very light background, such as a near-white, to meet readability standards.
  • Avoid placing #6D5C4A text directly on #7B6856 backgrounds without careful contrast checking.
  • For interactive elements, ensure distinct visual cues beyond color, especially when using similar brown tones.

Recommended combinations

Earthy Base

Ideal for dark mode interfaces or strong, grounding brand elements.

#4A3A2D · #7B6856 · #2B1E17

Rustic Contrast

Excellent for main content areas, providing clear hierarchy and a warm, inviting feel.

#998774 · #6D5C4A · #4A3A2D

Subtle Detail

Perfect for nuanced accents, borders, or subtle background patterns on natural-themed designs.

#7B6856 · #998774 · #2B1E17

CSS variables

:root {
  --ancient-forest-bark-1: #4A3A2D;
  --ancient-forest-bark-2: #6D5C4A;
  --ancient-forest-bark-3: #998774;
  --ancient-forest-bark-4: #2B1E17;
  --ancient-forest-bark-5: #7B6856;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-forest-bark": {
        1: "#4A3A2D",
        2: "#6D5C4A",
        3: "#998774",
        4: "#2B1E17",
        5: "#7B6856",
      }
    }
  }
}

Related searches

natural brown color schemerustic earth tone paletteancient wood colorsforest bark hex codeswarm organic design colors

Palette colors

Hex values

Color 1#4A3A2D
·
Color 2#6D5C4A
·
Color 3#998774
·
Color 4#2B1E17
·
Color 5#7B6856
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.1:1AA18
1.5:1Fail
2:1Fail
2
1.7:1Fail
1.9:1Fail
2.5:1Fail
1.2:1Fail
3
3.1:1AA18
1.9:1Fail
4.7:1AA
1.5:1Fail
4
1.5:1Fail
2.5:1Fail
4.7:1AA
3:1AA18
5
2:1Fail
1.2:1Fail
1.5:1Fail
3:1AA18

Similar palettes

More like Ancient Forest Bark

View all earth
Adobe Sunset
Ancient Earth Whisper
Ancient Mossy Stone
Artisan Pottery Wheel
Bohemian Earth Craft
Bohemian Earth Loom