Back to palettes

Palette

Forest Bark Comfort

Comforting tones of varied tree barks and forest floor, inviting a sense of grounding and peace.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#8B4513#CD853F#A0522D#556B2F

Palette guide

How to use Forest Bark Comfort

Overview

The Forest Bark Comfort palette offers a grounding blend of woodland greens and earthy browns, evoking a sense of natural tranquility and organic peace. From the deep #556B2F to the warm #CD853F and the rich #8B4513, this collection is perfect for designs aiming to convey comfort, sustainability, and a connection to nature. Designers and developers will find these hues versatile for creating eco-friendly branding, rustic websites, or serene digital environments. The palette's natural tones are inherently soothing, making it an excellent choice for projects that prioritize an authentic, wholesome, and comforting aesthetic.

Best used for

  • Organic food and beverage brands
  • Eco-friendly product packaging
  • Nature photography and blogs
  • Sustainable lifestyle websites
  • Outdoor apparel branding
  • Rustic interior design themes

Suggested color roles

primary

Use #556B2F as a deep, grounding green-brown for strong headers, main navigation, or foundational brand elements.

secondary

Employ #8B4513 for supporting content, backgrounds, or to add rich, earthy warmth to UI components.

accent

Apply #CD853F as a warm, inviting highlight for call-to-action buttons or important visual cues.

background

Consider a very light cream or off-white for a clean background, or #CD853F for a warmer base with dark text.

text

For optimal readability, use #556B2F or a dark brown/charcoal for body text on lighter backgrounds.

Accessibility notes

  • Ensure #556B2F text on a light background (e.g., white or light cream) meets WCAG AA contrast.
  • If #CD853F is used as a background, ensure text on it is very dark for sufficient contrast.
  • Avoid using #CD853F or #6B8E23 for small body text on mid-tone backgrounds due to potential low contrast.
  • Prioritize darker colors like #556B2F and #8B4513 for critical information and interactive elements.

Recommended combinations

Woodland Earth

Ideal for eco-conscious branding, natural product packaging, and robust web layouts.

#556B2F · #8B4513 · #CD853F

Moss & Bark

Perfect for illustrative elements, nature-themed headers, and warm UI accents.

#6B8E23 · #A0522D · #CD853F

Forest Floor

Excellent for layered backgrounds, organic patterns, and deeply rooted brand identities.

#556B2F · #6B8E23 · #8B4513

CSS variables

:root {
  --forest-bark-comfort-1: #6B8E23;
  --forest-bark-comfort-2: #8B4513;
  --forest-bark-comfort-3: #CD853F;
  --forest-bark-comfort-4: #A0522D;
  --forest-bark-comfort-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-bark-comfort": {
        1: "#6B8E23",
        2: "#8B4513",
        3: "#CD853F",
        4: "#A0522D",
        5: "#556B2F",
      }
    }
  }
}

Related searches

earthy green brown palettenatural comfort colorsorganic design schemeforest inspired brandingrustic nature hues

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#8B4513
·
Color 3#CD853F
·
Color 4#A0522D
·
Color 5#556B2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.3:1Fail
1.5:1Fail
1.6:1Fail
2
1.9:1Fail
2.4:1Fail
1.3:1Fail
1.2:1Fail
3
1.3:1Fail
2.4:1Fail
1.9:1Fail
2:1Fail
4
1.5:1Fail
1.3:1Fail
1.9:1Fail
1.1:1Fail
5
1.6:1Fail
1.2:1Fail
2:1Fail
1.1:1Fail

Similar palettes

More like Forest Bark Comfort

View all earth
Forest Canopy Whispers
Mossy River Bank
Sylvan Path Wander
Botanical Bloom Line
Botanical Leaf Veins
Botanical Sketch