Back to palettes

Palette

Ochre Mesa Dawn

The breathtaking spectacle of a desert sunrise, painting rugged mesas in deep reds and fiery ochres.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CC7722#E97451#A0522D#CD853F#8B4513

Palette guide

How to use Ochre Mesa Dawn

Overview

The Ochre Mesa Dawn palette captures the breathtaking spectacle of a desert sunrise, painting rugged mesas in deep reds and fiery ochres. This vibrant, earthy collection, featuring a robust `#8B4513` deep brown, a rich `#A0522D` red-brown, and a fiery `#E97451` orange, offers designers and developers an energetic and natural scheme. It's ideal for evoking passion, rugged beauty, and a strong connection to the natural landscape. The bold progression from deep, grounding browns to bright, glowing oranges creates a versatile range for impactful branding and dynamic digital experiences.

Best used for

  • Adventure travel and outdoor gear brands
  • Cultural festivals and art events (Southwestern focus)
  • Southwestern cuisine and restaurant branding
  • Bold and energetic web interfaces
  • Nature photography and documentary projects
  • Rustic and artisanal product packaging

Suggested color roles

primary

Utilize `#8B4513` as a deep, robust primary color for strong branding, commanding headlines, or foundational elements. It conveys strength and earthiness.

secondary

Employ `#A0522D` for supportive sections, subheadings, or as a rich background for content blocks. It maintains the earthy warmth with a redder tone.

accent

Introduce `#E97451` sparingly for vibrant accents, calls-to-action, or to simulate fiery highlights. It adds a powerful, energetic punch.

background

Apply `#CD853F` as a warm, inviting background for content areas, providing a rich canvas that complements the stronger colors.

text

For optimal readability, use `#8B4513` for body text on lighter backgrounds like `#CD853F`. For headlines, `#A0522D` also provides good contrast and warmth.

Accessibility notes

  • Ensure `#8B4513` text on `#CD853F` provides sufficient contrast for WCAG compliance; this pairing generally works well.
  • Lighter shades like `#E97451` and `#CC7722` are best for large graphical elements or accents, not for small text.
  • When using `#E97451` for text, ensure it's on a very dark background or used in very large sizes to maintain readability.
  • Avoid placing light text on `CC7722` to prevent low contrast issues, especially for small font sizes.

Recommended combinations

Fiery Peaks

Ideal for creating dynamic gradients or visual elements that represent intense heat or energy, with `#E97451` as the brightest point.

#E97451 · #CC7722 · #CD853F

Mesa Depths

Great for showcasing hierarchical information: `#8B4513` for main titles, `#A0522D` for subtitles, and `#CC7722` for supporting text.

#8B4513 · #A0522D · #CC7722

Dawn Contrast

Use `#8B4513` for strong text, `#CD853F` for content background, and `#E97451` for eye-catching call-to-action buttons.

#8B4513 · #CD853F · #E97451

CSS variables

:root {
  --ochre-mesa-dawn-1: #CC7722;
  --ochre-mesa-dawn-2: #E97451;
  --ochre-mesa-dawn-3: #A0522D;
  --ochre-mesa-dawn-4: #CD853F;
  --ochre-mesa-dawn-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ochre-mesa-dawn": {
        1: "#CC7722",
        2: "#E97451",
        3: "#A0522D",
        4: "#CD853F",
        5: "#8B4513",
      }
    }
  }
}

Related searches

desert mesa color palettefiery ochre redwarm sunrise huesrugged earth tonessouthwestern design colors

Palette colors

Hex values

Color 1#CC7722
·
Color 2#E97451
·
Color 3#A0522D
·
Color 4#CD853F
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
1.1:1Fail
2.1:1Fail
2
1.1:1Fail
1.9:1Fail
1:1Fail
2.4:1Fail
3
1.7:1Fail
1.9:1Fail
1.9:1Fail
1.3:1Fail
4
1.1:1Fail
1:1Fail
1.9:1Fail
2.4:1Fail
5
2.1:1Fail
2.4:1Fail
1.3:1Fail
2.4:1Fail

Similar palettes

More like Ochre Mesa Dawn

View all earth
Desert Bloom Dawn
Desert Canyon Dawn
Desert Canyon Sun
Ochre Dune Wildflower
Adobe Desert Hues
Adobe Sunset