Back to palettes

Palette

Earthen Pigment Palette

A raw and elemental collection of earth pigments—ochre, sienna, and umber—found in ancient cave paintings.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthen Pigment Palette 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 Earthen Pigment Palette.

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

Data visualization

#C1884B#A26B3F#8E4F2D#7F421C#9D754C

Palette guide

How to use Earthen Pigment Palette

Overview

The Earthen Pigment Palette delves into a raw and elemental collection of deep earth tones, reminiscent of ancient ochre, sienna, and umber found in cave paintings. This monochromatic scheme features the robust #7F421C (Dark Brown) as a grounding base, while #C1884B (Light Brown) offers a softer touch for highlights. The cohesive brown-orange hues, including #A26B3F (Medium Brown) and #9D754C (Brown Ochre), provide a sophisticated foundation. Designers will find this palette excellent for creating warmth and depth without stark contrasts, ideal for natural, rustic, or historical themes.

Best used for

  • Historical documentary visuals
  • Rustic interior design visualization
  • Natural food and beverage branding
  • Art museum and gallery exhibits
  • Traditional craft and artisan websites
  • Outdoor adventure and exploration branding

Suggested color roles

primary

#7F421C (Dark Brown) serves as a strong, deep anchor for primary elements, large blocks, and bold headings.

secondary

#A26B3F (Medium Brown) provides a rich, warm counterpoint for content sections, subheadings, and UI elements.

accent

#C1884B (Light Brown) acts as a brighter, earthy highlight for calls to action, interactive elements, or subtle decorative features.

background

#9D754C (Brown Ochre) offers a muted, warm canvas that supports content without being stark, providing a natural backdrop.

text

Use #7F421C for body text on lighter backgrounds like #9D754C or #C1884B, or off-white on the darkest tones for legibility.

Accessibility notes

  • Carefully check contrast between adjacent browns, as many are close in value; prioritize larger text for lower contrast pairs.
  • Ensure text in #7F421C has sufficient contrast on #9D754C for readability, meeting WCAG AA standards.
  • Consider using a very light cream or off-white for text on the darkest colors like #7F421C to ensure accessibility.
  • Avoid using lighter browns like #C1884B for small text on medium brown backgrounds due to insufficient contrast.

Recommended combinations

Deep Earth

Create strong, foundational elements, dark text, and hierarchical content structures with these rich, deep tones.

#7F421C · #A26B3F · #8E4F2D

Warm Layers

Apply for gentle gradients, layered content sections, or subtle background textures to add depth.

#C1884B · #9D754C · #A26B3F

Pigment Contrast

Use a balanced set for headings, subheadings, and body text, ensuring readability and visual interest.

#8E4F2D · #C1884B · #7F421C

CSS variables

:root {
  --earthen-pigment-palette-1: #C1884B;
  --earthen-pigment-palette-2: #A26B3F;
  --earthen-pigment-palette-3: #8E4F2D;
  --earthen-pigment-palette-4: #7F421C;
  --earthen-pigment-palette-5: #9D754C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthen-pigment-palette": {
        1: "#C1884B",
        2: "#A26B3F",
        3: "#8E4F2D",
        4: "#7F421C",
        5: "#9D754C",
      }
    }
  }
}

Related searches

ancient earth tonesnatural pigment colorsmonochromatic brown paletterustic ochre siennadeep earthy branding

Palette colors

Hex values

Color 1#C1884B
·
Color 2#A26B3F
·
Color 3#8E4F2D
·
Color 4#7F421C
·
Color 5#9D754C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
2.6:1Fail
1.4:1Fail
2
1.5:1Fail
1.4:1Fail
1.7:1Fail
1.1:1Fail
3
2.1:1Fail
1.4:1Fail
1.2:1Fail
1.5:1Fail
4
2.6:1Fail
1.7:1Fail
1.2:1Fail
1.9:1Fail
5
1.4:1Fail
1.1:1Fail
1.5:1Fail
1.9:1Fail

Similar palettes

More like Earthen Pigment Palette

View all earth
Ancient Earth Pigment
Deep Earthy Pigment
Desert Oasis Canvas
Enchanted Stone Circle
Ancient Canyon Echo
Ancient Clay Vessel