Back to palettes

Palette

Sunlit Canyon Ochre

A warm palette echoing the rich, sun-drenched earth tones and ancient rock formations of a desert canyon.

warmnatural5 colors
More warm 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

#C47F3B#E6AD7A#A64E1D#7F2F00#F7D0B2

Palette guide

How to use Sunlit Canyon Ochre

Overview

The Sunlit Canyon Ochre palette captures the rich, sun-drenched earth tones and ancient rock formations of a desert canyon. It features a robust brown-orange (#C47F3B), a softer sun-kissed orange (#E6AD7A), and a deep, earthy burnt orange (#A64E1D). The palette is grounded by a profound dark brown (#7F2F00) and brightened by a delicate sandy beige (#F7D0B2). This combination is excellent for designs seeking to convey rugged natural beauty, historical depth, and the enduring warmth of sun-baked landscapes, perfect for adventurous or heritage themes.

Best used for

  • Outdoor gear and adventure brands
  • Natural history and geology exhibits
  • Artisanal food and beverage packaging
  • Rustic event invitations and decor
  • Websites with an earthy, authentic feel
  • Autumn and fall seasonal marketing

Suggested color roles

primary

Utilize #C47F3B (Brown-Orange) for prominent headers, brand logos, or key interactive elements to convey strength and warmth.

secondary

Apply #A64E1D (Burnt Orange) for supporting content, background sections, or as a rich base for layered graphics.

accent

Incorporate #E6AD7A (Sun-kissed Orange) for subtle highlights, delicate illustrations, or to add a touch of gentle radiance.

background

Employ #F7D0B2 (Sandy Beige) as a light, airy background, providing a clean canvas that allows the richer earth tones to stand out.

text

Choose #7F2F00 (Dark Brown) for all body text, ensuring excellent readability and a harmonious, natural feel against lighter backgrounds, or use a deep charcoal.

Accessibility notes

  • Ensure #7F2F00 provides excellent contrast for text on #F7D0B2 and #E6AD7A backgrounds.
  • Avoid using #E6AD7A for small body text; it's best suited for larger headings or subtle accents.
  • When pairing #C47F3B with #A64E1D, ensure sufficient contrast for text, especially in smaller sizes.
  • Always test contrast ratios for text and interactive elements to meet accessibility standards.

Recommended combinations

Sandy Depths

Ideal for creating a gradual transition from light, airy sand to deeper, warm earth tones.

#F7D0B2 · #E6AD7A · #A64E1D

Ochre Contrast

Use for designs requiring a bold main color contrasted with a deep grounding tone and a soft highlight.

#C47F3B · #7F2F00 · #E6AD7A

Earthy Warmth

Excellent for balanced layouts where a rich, inviting feel with natural depth is desired.

#A64E1D · #C47F3B · #F7D0B2

CSS variables

:root {
  --sunlit-canyon-ochre-1: #C47F3B;
  --sunlit-canyon-ochre-2: #E6AD7A;
  --sunlit-canyon-ochre-3: #A64E1D;
  --sunlit-canyon-ochre-4: #7F2F00;
  --sunlit-canyon-ochre-5: #F7D0B2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunlit-canyon-ochre": {
        1: "#C47F3B",
        2: "#E6AD7A",
        3: "#A64E1D",
        4: "#7F2F00",
        5: "#F7D0B2",
      }
    }
  }
}

Related searches

canyon earth tonessunbaked ochre palettedesert rustic colorswarm natural brownancient rock hues

Palette colors

Hex values

Color 1#C47F3B
·
Color 2#E6AD7A
·
Color 3#A64E1D
·
Color 4#7F2F00
·
Color 5#F7D0B2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.7:1Fail
2.8:1Fail
2.3:1Fail
2
1.6:1Fail
2.8:1Fail
4.6:1AA
1.4:1Fail
3
1.7:1Fail
2.8:1Fail
1.6:1Fail
3.9:1AA18
4
2.8:1Fail
4.6:1AA
1.6:1Fail
6.3:1AA
5
2.3:1Fail
1.4:1Fail
3.9:1AA18
6.3:1AA

Similar palettes

More like Sunlit Canyon Ochre

View all warm