Palette

Sunlit Canyon Ochre

Reflects the sun-baked, stratified walls of a desert canyon, revealing ancient layers of rock.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunlit Canyon Ochre 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 Sunlit Canyon Ochre.

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

Data visualization

#E5BB8D#C27F52#8A523A#573E32#A0937A

Palette guide

How to use Sunlit Canyon Ochre

Overview

The Sunlit Canyon Ochre palette, with its muted yet rich earth tones, reflects the ancient, stratified walls of a desert canyon. It features a soft, sun-baked ochre (#E5BB8D), a warm caramel (#C27F52), and a deeper, grounding brown (#8A523A). A dark, profound coffee brown (#573E32) and a unique grey-green ochre (#A0937A) complete the scheme, offering a sophisticated and natural feel. This palette is ideal for designs emphasizing natural materials, heritage, and a serene, rustic elegance, perfect for evoking timeless landscapes.

Best used for

Heritage and artisanal brands
Natural beauty and skincare products
Rustic and minimalist interior design
Documentary or educational content (history, geology)
Sustainable fashion lines
Website design with an earthy, sophisticated aesthetic

Suggested color roles

primary

Utilize #C27F52 (Caramel) for key headers, interactive elements, or sections where a warm, inviting mid-tone is desired.

secondary

Apply #8A523A (Brown) for supporting content, sidebars, or to add depth and grounding to the layout.

accent

Incorporate #E5BB8D (Ochre) for soft highlights, subtle details, or as a background for lighter informational blocks.

background

Employ #A0937A (Grey-Green Ochre) as a sophisticated, muted background, or #E5BB8D for a lighter, more airy feel.

text

Choose #573E32 (Coffee Brown) for all body text, ensuring excellent readability and a cohesive, natural feel across the palette, or use a deep charcoal.

Accessibility notes

Ensure #573E32 provides strong contrast for text on #E5BB8D, #C27F52, and #A0937A backgrounds.
Avoid using #E5BB8D for small body text; reserve it for larger headings or subtle graphic elements.
When pairing #A0937A with other mid-tones, check contrast carefully to ensure readability.
Always test contrast ratios for text and interactive elements to meet accessibility standards.

Recommended combinations

Ochre Layers

Excellent for creating visual depth and transition, mimicking stratified rock formations or layered textures.

#E5BB8D · #C27F52 · #8A523A

Earthy Balance

Ideal for designs needing a sophisticated neutral base with a grounding dark and a warm accent.

#A0937A · #573E32 · #C27F52

Deep Canyon

Use for strong contrast and emphasis, highlighting details against a deep, rich background.

#8A523A · #573E32 · #E5BB8D

CSS variables

:root {
  --sunlit-canyon-ochre-2-1: #E5BB8D;
  --sunlit-canyon-ochre-2-2: #C27F52;
  --sunlit-canyon-ochre-2-3: #8A523A;
  --sunlit-canyon-ochre-2-4: #573E32;
  --sunlit-canyon-ochre-2-5: #A0937A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunlit-canyon-ochre-2": {
        1: "#E5BB8D",
        2: "#C27F52",
        3: "#8A523A",
        4: "#573E32",
        5: "#A0937A",
      }
    }
  }
}

Hex values

Color 1#E5BB8D

Color 2#C27F52

Color 3#8A523A

Color 4#573E32

Color 5#A0937A

Accessibility

Contrast checker

1.8:1Fail

3.5:1AA18

5.5:1AA

1.7:1Fail

1.8:1Fail

1.9:1Fail

3:1AA18

1.1:1Fail

3.5:1AA18

1.9:1Fail

1.6:1Fail

2.1:1Fail

5.5:1AA

3:1AA18

1.6:1Fail

3.2:1AA18

1.7:1Fail

1.1:1Fail

2.1:1Fail

3.2:1AA18

Similar palettes

More like Sunlit Canyon Ochre

View all earth

Adobe Sunset

Artisan Pottery Wheel

Canyon Cliffside View

Canyon Wall Rust

Desert Bloom Clay

Desert Bloom Oasis