Back to palettes

Palette

Ochre Canyon Dawn

The glowing, ancient colors of a desert canyon as the first light touches its rugged walls.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#995C2B#CC8547#E0AC7A#F5DBBA#73451F

Palette guide

How to use Ochre Canyon Dawn

Overview

The Ochre Canyon Dawn palette captures the glowing, ancient colors of a desert canyon as the first light touches its rugged walls. This warm, earthy collection, featuring a rich `#73451F` deep brown, a vibrant `#CC8547` ochre, and a soft `#F5DBBA` sandy beige, provides designers and developers with a robust natural scheme. It's perfect for evoking warmth, rugged beauty, and a connection to the natural world. The progression from deep, grounding browns to lighter, glowing ochres creates a versatile range for both strong foundational elements and inviting highlights.

Best used for

  • Outdoor adventure and exploration brands
  • Artisanal food and craft products
  • Natural cosmetics and skincare packaging
  • Rustic interior design themes
  • Educational content on geology and nature
  • Southwestern-inspired branding

Suggested color roles

primary

Utilize `#73451F` as a deep, grounding primary color for strong branding, robust headlines, or foundational elements. It signifies stability and earthiness.

secondary

Employ `#995C2B` for supportive sections, subheadings, or as a rich background for content blocks. It maintains the earthy warmth.

accent

Introduce `#CC8547` sparingly for vibrant accents, calls-to-action, or to simulate a warm glow. It adds energy and an inviting feel.

background

Apply `#F5DBBA` as a soft, sandy background for content areas, providing a warm, neutral canvas that enhances readability.

text

For optimal readability, use `#73451F` or a very dark brown for body text on lighter backgrounds like `#F5DBBA`. For headlines, `#995C2B` also works well.

Accessibility notes

  • Ensure `#73451F` text on `#F5DBBA` provides sufficient contrast for WCAG compliance; this pairing generally works well.
  • Lighter shades like `#E0AC7A` and `#F5DBBA` are best for backgrounds or large graphical elements, not for small text.
  • When using `#CC8547` for text, ensure it's on a dark background or used in larger sizes to maintain readability.
  • Avoid placing light text on `E0AC7A` to prevent low contrast issues, especially for small font sizes.

Recommended combinations

Deep Earth Foundation

Great for creating visual depth in sections: `#73451F` for background, `#995C2B` for headers, and `#CC8547` for key details.

#73451F · #995C2B · #CC8547

Desert Glow Highlight

Perfect for simulating a sunrise effect in banners or gradients, with `#F5DBBA` as the sky and `#CC8547` as the glowing horizon.

#CC8547 · #E0AC7A · #F5DBBA

Rugged Contrast

Use `#73451F` for strong text, `#F5DBBA` for content background, and `#E0AC7A` for subtle dividers or secondary information.

#73451F · #F5DBBA · #E0AC7A

CSS variables

:root {
  --ochre-canyon-dawn-1: #995C2B;
  --ochre-canyon-dawn-2: #CC8547;
  --ochre-canyon-dawn-3: #E0AC7A;
  --ochre-canyon-dawn-4: #F5DBBA;
  --ochre-canyon-dawn-5: #73451F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ochre-canyon-dawn": {
        1: "#995C2B",
        2: "#CC8547",
        3: "#E0AC7A",
        4: "#F5DBBA",
        5: "#73451F",
      }
    }
  }
}

Related searches

warm canyon paletteearthy ochre colorsdesert dawn huesnatural brown orangerustic design palette

Palette colors

Hex values

Color 1#995C2B
·
Color 2#CC8547
·
Color 3#E0AC7A
·
Color 4#F5DBBA
·
Color 5#73451F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.6:1Fail
4:1AA18
1.5:1Fail
2
1.8:1Fail
1.5:1Fail
2.2:1Fail
2.7:1Fail
3
2.6:1Fail
1.5:1Fail
1.5:1Fail
4:1AA18
4
4:1AA18
2.2:1Fail
1.5:1Fail
6:1AA
5
1.5:1Fail
2.7:1Fail
4:1AA18
6:1AA

Similar palettes

More like Ochre Canyon Dawn

View all warm
Canyon Vista Radiance
Canyon Ridge Ember
Canyon Wall Ember
Desert Cactus Bloom
Desert Hearth Warmth
Desert Mesa Glow