Back to palettes

Palette

Aged Timber Charm

Warm browns and muted greys reflect the weathered beauty and cozy charm of aged timber.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aged Timber Charm 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 Aged Timber Charm.

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

Data visualization

#6C4F3C#8D6D58#AD8B73#CCAA8F#EBD0B3

Palette guide

How to use Aged Timber Charm

Overview

The Aged Timber Charm palette presents warm browns and muted greys that reflect the weathered beauty and cozy charm of aged wood. With deep #6C4F3C, robust #8D6D58, inviting #AD8B73, and lighter #CCAA8F and #EBD0B3, this collection is perfect for designers and developers seeking to evoke a natural, rustic, or comforting ambiance. These hex codes provide a versatile and earthy foundation for projects that demand authenticity, warmth, and a connection to nature, ideal for heritage brands or serene digital environments that feel grounded and inviting.

Best used for

  • Rustic cabin or lodge branding
  • Carpentry and woodworking businesses
  • Heritage craft marketing
  • Eco-friendly product packaging
  • Natural history museum exhibits
  • Cozy cafe or restaurant interiors

Suggested color roles

primary

Utilize #6C4F3C as the deepest, most grounding shade for main headers, footers, or dominant brand elements, signifying strength.

secondary

Apply #8D6D58 for supporting sections, subheadings, or larger content blocks, offering a robust wood tone.

accent

Highlight key information or interactive elements with #AD8B73, a lighter, warm wood tone that adds a gentle accent.

background

Choose #EBD0B3 for clean, soft backgrounds, mimicking aged timber or creamy parchment for optimal readability.

text

For optimal readability on light backgrounds, #6C4F3C provides strong contrast. On darker backgrounds like #8D6D58, #CCAA8F works well for text.

Accessibility notes

  • Ensure sufficient contrast between #EBD0B3 and lighter text colors like #CCAA8F for accessibility.
  • The darkest color, #6C4F3C, provides strong contrast for text on #EBD0B3 or #AD8B73.
  • Avoid using #CCAA8F as text on #AD8B73 unless for very large, decorative headlines.
  • Prioritize contrast for interactive elements to ensure clear user feedback and usability.

Recommended combinations

Timber Contrast

Ideal for a strong, rustic layout with deep brown text, a warm wood accent, and a soft, aged background.

#6C4F3C · #AD8B73 · #EBD0B3

Weathered Layers

Excellent for creating layered content with mid-tone elements on a lighter background, grounded by dark text.

#8D6D58 · #CCAA8F · #6C4F3C

Rustic Blend

Perfect for subtle transitions or soft, inviting sections, moving from the lightest background to gentle, muted wood tones.

#EBD0B3 · #AD8B73 · #8D6D58

CSS variables

:root {
  --aged-timber-charm-1: #6C4F3C;
  --aged-timber-charm-2: #8D6D58;
  --aged-timber-charm-3: #AD8B73;
  --aged-timber-charm-4: #CCAA8F;
  --aged-timber-charm-5: #EBD0B3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aged-timber-charm": {
        1: "#6C4F3C",
        2: "#8D6D58",
        3: "#AD8B73",
        4: "#CCAA8F",
        5: "#EBD0B3",
      }
    }
  }
}

Related searches

aged wood color paletterustic timber designweathered brown aestheticnatural earth tone schemecozy wood color ideas

Palette colors

Hex values

Color 1#6C4F3C
·
Color 2#8D6D58
·
Color 3#AD8B73
·
Color 4#CCAA8F
·
Color 5#EBD0B3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
3.4:1AA18
5:1AA
2
1.6:1Fail
1.5:1Fail
2.2:1Fail
3.2:1AA18
3
2.4:1Fail
1.5:1Fail
1.4:1Fail
2.1:1Fail
4
3.4:1AA18
2.2:1Fail
1.4:1Fail
1.5:1Fail
5
5:1AA
3.2:1AA18
2.1:1Fail
1.5:1Fail

Similar palettes

More like Aged Timber Charm

View all earth