Palette

Old World Charm

Evokes a sense of timeless elegance and rustic beauty, inspired by antique furniture and architecture.

earthelegant5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Old World 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 Old World Charm.

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

Data visualization

#6B4423#9C6B4A#C9A788#E6DBCB#5A391D

Palette guide

How to use Old World Charm

Overview

The "Old World Charm" palette truly evokes a sense of timeless elegance and rustic beauty, inspired by antique furniture and architecture. It features a range of warm, earthy browns, from the deepest #5A391D and #6B4423, through rich mid-tones like #9C6B4A, to a soft, antique cream #E6DBCB and a lighter tan #C9A788. This palette is genuinely useful for designers and developers seeking to infuse projects with a traditional, heritage, or vintage aesthetic. Its harmonious blend of natural, muted tones creates an inviting and established atmosphere, perfect for conveying authenticity and enduring quality across various applications.

Best used for

Heritage brand development
Traditional architecture visualization
Rustic wedding themes
Antique furniture restoration marketing
Upscale historical tourism websites
Artisanal food product packaging

Suggested color roles

primary

Designate #6B4423 as a strong, earthy brown for main headings, prominent features, or key branding elements, providing a robust foundation.

secondary

Apply #9C6B4A for supporting content, subheadings, or larger background areas, offering a warm and inviting mid-tone.

accent

Utilize #C9A788 as a lighter, soft tan accent for subtle highlights, decorative elements, or hover states, adding gentle refinement.

background

Employ #E6DBCB as the primary background color, creating a light, antique cream canvas that is both elegant and versatile.

text

For optimal readability, use #5A391D or a deep black for body text and important headlines against lighter backgrounds.

Accessibility notes

Ensure #5A391D text has strong contrast against #E6DBCB for excellent readability.
Avoid using #C9A788 as text on #9C6B4A for small font sizes due to potential low contrast.
Use a dark color like black or #5A391D for body text on #C9A788 to meet WCAG standards.
Verify all interactive elements maintain sufficient contrast ratios for users with visual impairments.

Recommended combinations

Rustic Elegance

Classic for a traditional feel: light background, strong primary, and deepest brown for details or deep text.

#E6DBCB · #6B4423 · #5A391D

Aged Wood

Creates a layered look with a warm mid-tone base, a lighter accent, and a deeper brown for shadows or strong elements.

#9C6B4A · #C9A788 · #6B4423

Timeless Appeal

Combines a light background with the darkest text/elements and a warm mid-tone for balanced visual hierarchy and charm.

#E6DBCB · #5A391D · #9C6B4A

CSS variables

:root {
  --old-world-charm-1: #6B4423;
  --old-world-charm-2: #9C6B4A;
  --old-world-charm-3: #C9A788;
  --old-world-charm-4: #E6DBCB;
  --old-world-charm-5: #5A391D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "old-world-charm": {
        1: "#6B4423",
        2: "#9C6B4A",
        3: "#C9A788",
        4: "#E6DBCB",
        5: "#5A391D",
      }
    }
  }
}

Hex values

Color 1#6B4423

Color 2#9C6B4A

Color 3#C9A788

Color 4#E6DBCB

Color 5#5A391D

Accessibility

Contrast checker

1.9:1Fail

3.8:1AA18

6.2:1AA

1.2:1Fail

1.9:1Fail

2:1Fail

3.3:1AA18

2.3:1Fail

3.8:1AA18

2:1Fail

1.6:1Fail

4.6:1AA

6.2:1AA

3.3:1AA18

1.6:1Fail

7.5:1AAA

1.2:1Fail

2.3:1Fail

4.6:1AA

7.5:1AAA

Similar palettes

More like Old World Charm

Medieval Tapestry Weave