Back to palettes

Palette

Sunlit Canyon Earth

A warm and rugged palette, evoking the sun-drenched, textured surfaces of ancient canyon walls.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#D2691E#CD853F#A0522D#8B4513

Palette guide

How to use Sunlit Canyon Earth

Overview

The Sunlit Canyon Earth palette captures the rugged beauty of ancient canyon walls bathed in sunlight. It features a robust goldenrod (#B8860B), a vibrant burnt orange (#D2691E), and a rich, inviting caramel (#CD853F). Deeper, grounding tones of russet (#A0522D) and dark brown (#8B4513) complete the scheme, mimicking the stratified layers and shadows of a natural landscape. This palette is exceptionally well-suited for designs that aim to convey strength, natural heritage, adventure, and the enduring warmth of the earth.

Best used for

  • Outdoor adventure and exploration brands
  • Rustic and natural product packaging
  • Historical or geological content design
  • Fall season marketing and decor
  • Southwestern-inspired digital interfaces
  • Earthy interior design accents

Suggested color roles

primary

Designate #D2691E (Burnt Orange) as the main color for impactful headlines, key interactive elements, or sections requiring strong visual presence.

secondary

Employ #CD853F (Caramel) for supporting content, background panels, or softer graphic elements, providing a pleasant mid-tone warmth.

accent

Utilize #B8860B (Goldenrod) for bright highlights, small details, or to simulate sunlit edges, adding a touch of radiance.

background

Consider #A0522D (Russet) for deeper, grounding backgrounds in sections where rich texture and depth are desired, or use #CD853F for a lighter base.

text

Apply #8B4513 (Dark Brown) for all body text, ensuring excellent legibility and a cohesive, natural feel across the palette, or use a very dark brown.

Accessibility notes

  • Ensure #8B4513 provides sufficient contrast for text on all lighter shades, particularly #CD853F and #B8860B.
  • Avoid using #B8860B for small body text on similarly bright backgrounds; reserve it for larger headings or accents.
  • Pair #D2691E with #8B4513 for impactful, readable headings.
  • Always test contrast for all text and interactive elements to ensure compliance with accessibility guidelines.

Recommended combinations

Canyon Layers

Excellent for creating depth and visual interest, mimicking natural rock formations and stratified earth.

#D2691E · #CD853F · #A0522D

Golden Sun

Use for designs needing a radiant focal point contrasted with deep, grounding elements.

#B8860B · #8B4513 · #CD853F

Rugged Terrain

Ideal for robust designs conveying strength, durability, and a raw, natural aesthetic.

#A0522D · #8B4513 · #D2691E

CSS variables

:root {
  --sunlit-canyon-earth-1: #B8860B;
  --sunlit-canyon-earth-2: #D2691E;
  --sunlit-canyon-earth-3: #CD853F;
  --sunlit-canyon-earth-4: #A0522D;
  --sunlit-canyon-earth-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunlit-canyon-earth": {
        1: "#B8860B",
        2: "#D2691E",
        3: "#CD853F",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Related searches

canyon color schemeearthy brown orange paletterugged natural colorsdesert landscape palettefall earth tones

Palette colors

Hex values

Color 1#B8860B
·
Color 2#D2691E
·
Color 3#CD853F
·
Color 4#A0522D
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.7:1Fail
2.2:1Fail
2
1.1:1Fail
1.2:1Fail
1.5:1Fail
2:1Fail
3
1.1:1Fail
1.2:1Fail
1.9:1Fail
2.4:1Fail
4
1.7:1Fail
1.5:1Fail
1.9:1Fail
1.3:1Fail
5
2.2:1Fail
2:1Fail
2.4:1Fail
1.3:1Fail

Similar palettes

More like Sunlit Canyon Earth

View all earth
Ancient Desert Tapestry
Canyon Clay Form
Canyon Rock Layers
Canyon Sun Baked
Desert Clay Bloom
Red Rock Canyon