Back to palettes

Palette

Ancient Earth Pigment

Rich, natural browns and ochres evoking the raw beauty of ancient earth pigments.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Earth Pigment 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 Earth Pigment.

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

Data visualization

#8B4513#CD853F#DAA520#B8860B#A0522D

Palette guide

How to use Ancient Earth Pigment

Overview

The Ancient Earth Pigment palette celebrates rich, natural browns and ochres, evoking the raw beauty of ancient earth pigments. This robust collection features deep, foundational shades like #8B4513 and #A0522D, balanced by the vibrant, golden ochres of #DAA520 and #CD853F. It's an excellent choice for designs that aim to convey authenticity, craftsmanship, and a deep connection to natural materials. Developers will find ample contrast for readable interfaces, while designers can craft compelling visual narratives for artisan brands, educational content on natural history, or rustic-chic web designs. The palette's inherent warmth creates an inviting, grounded experience.

Best used for

  • Artisan craft brand identity
  • Natural history museum exhibits
  • Packaging for organic art supplies
  • Rustic interior design themes
  • Digital illustrations with an earthy, natural feel
  • Educational content on ancient art or geology

Suggested color roles

primary

#CD853F (Peru) - A warm, inviting primary color for headlines, key sections, or calls to action, evoking natural richness.

secondary

#A0522D (Sienna) - Ideal for supporting content, subheadings, or as a background for secondary elements, adding depth.

accent

#DAA520 (Goldenrod) - Use for vibrant highlights, interactive states, or small decorative elements to add a luminous, precious touch.

background

#CD853F (Peru) - A warm, inviting background that provides good contrast for darker text and a natural, earthy base.

text

#8B4513 (Saddle Brown) - Provides strong contrast against #CD853F, ensuring high readability for body text and labels.

Accessibility notes

  • Ensure #8B4513 text on #CD853F background meets WCAG AA contrast ratio.
  • Avoid using #DAA520 for small text on #B8860B due to insufficient contrast.
  • For interactive elements, ensure hover/focus states maintain adequate contrast.
  • Consider a slightly darker brown for text on #DAA520 if the text is very small.

Recommended combinations

Pigment Rich

Ideal for creating strong, visually appealing headers and content blocks.

#8B4513 · #CD853F · #DAA520

Golden Ochre

Great for highlighting key information or feature boxes with a vibrant, earthy glow.

#A0522D · #DAA520 · #CD853F

Earthy Craft

Perfect for textured backgrounds or layered graphic elements, conveying natural depth.

#B8860B · #8B4513 · #A0522D

CSS variables

:root {
  --ancient-earth-pigment-1: #8B4513;
  --ancient-earth-pigment-2: #CD853F;
  --ancient-earth-pigment-3: #DAA520;
  --ancient-earth-pigment-4: #B8860B;
  --ancient-earth-pigment-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-earth-pigment": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#DAA520",
        4: "#B8860B",
        5: "#A0522D",
      }
    }
  }
}

Related searches

ancient earth pigment colorsnatural ochre paletterustic brown gold schemeraw earth tonesartisanal color palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#CD853F
·
Color 3#DAA520
·
Color 4#B8860B
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.2:1AA18
2.2:1Fail
1.3:1Fail
2
2.4:1Fail
1.3:1Fail
1.1:1Fail
1.9:1Fail
3
3.2:1AA18
1.3:1Fail
1.5:1Fail
2.5:1Fail
4
2.2:1Fail
1.1:1Fail
1.5:1Fail
1.7:1Fail
5
1.3:1Fail
1.9:1Fail
2.5:1Fail
1.7:1Fail

Similar palettes

More like Ancient Earth Pigment

View all earth