Back to palettes

Palette

Sandstone Arch Climb

A robust palette reflecting the weathered oranges and browns of a towering sandstone arch in the desert.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sandstone Arch Climb 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 Sandstone Arch Climb.

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

Data visualization

#CD853F#DAA520#F5DEB3#A0522D#8B4513

Palette guide

How to use Sandstone Arch Climb

Overview

The "Sandstone Arch Climb" palette is a robust and earthy collection, reflecting the weathered oranges and deep browns of a towering desert sandstone arch. With the rich brown of #8B4513, the warm orange of #CD853F, and the creamy highlight of #F5DEB3, this palette evokes a sense of rugged adventure and natural beauty. The dynamic range, from the vibrant #DAA520 to the deep #A0522D, allows for impactful and grounded designs. This palette is ideal for projects seeking to convey strength, authenticity, and a connection to nature, perfect for an adventurous or rustic aesthetic.

Best used for

  • Outdoor adventure and travel brands
  • Rustic interior design and decor
  • Craft beer or artisanal food packaging
  • National park or wilderness conservation websites
  • Heritage and historical site branding
  • E-commerce for natural or handcrafted goods

Suggested color roles

primary

A warm, inviting medium brown-orange (#CD853F), excellent for main content areas or hero sections to establish an earthy feel.

secondary

A golden yellow-brown (#DAA520), suitable for secondary elements, accents, or highlighting key information.

accent

The deepest, richest brown (#8B4513), perfect for strong calls-to-action, important headers, or bold graphic elements.

background

A light, creamy beige (#F5DEB3), serving as a warm, neutral canvas that allows the deeper tones to stand out.

text

A dark, earthy brown (#A0522D), ideal for body text, ensuring excellent readability against lighter backgrounds.

Accessibility notes

  • #8B4513 and #A0522D provide excellent contrast for text on #F5DEB3.
  • Ensure sufficient contrast when placing lighter text on darker backgrounds like #CD853F.
  • Use a contrast checker for all text and interactive element pairings to meet WCAG standards.
  • Avoid using #DAA520 for small body text on #CD853F without checking contrast.

Recommended combinations

Desert Base

Creates a warm, inviting background with clear hierarchy for content and headings.

#F5DEB3 · #CD853F · #A0522D

Rugged Contrast

For bold headers, strong calls-to-action, or impactful graphic elements.

#8B4513 · #DAA520 · #CD853F

Earthy Details

Ideal for subtle borders, decorative patterns, or illustrating natural textures.

#A0522D · #CD853F · #F5DEB3

CSS variables

:root {
  --sandstone-arch-climb-1: #CD853F;
  --sandstone-arch-climb-2: #DAA520;
  --sandstone-arch-climb-3: #F5DEB3;
  --sandstone-arch-climb-4: #A0522D;
  --sandstone-arch-climb-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sandstone-arch-climb": {
        1: "#CD853F",
        2: "#DAA520",
        3: "#F5DEB3",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Related searches

earthy brown orange palettedesert adventure colorsrustic natural schemesandstone inspired designwarm autumn color palette

Palette colors

Hex values

Color 1#CD853F
·
Color 2#DAA520
·
Color 3#F5DEB3
·
Color 4#A0522D
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.3:1Fail
1.9:1Fail
2.4:1Fail
2
1.3:1Fail
1.7:1Fail
2.5:1Fail
3.2:1AA18
3
2.3:1Fail
1.7:1Fail
4.3:1AA18
5.4:1AA
4
1.9:1Fail
2.5:1Fail
4.3:1AA18
1.3:1Fail
5
2.4:1Fail
3.2:1AA18
5.4:1AA
1.3:1Fail

Similar palettes

More like Sandstone Arch Climb

View all earth
Arid Sands Bloom
Canyon Prickly Bloom
Desert Mesa Sculptures
Desert Sunbaked Earth
Dusty Trail Sunrise
Whispering Dune Wind