Back to palettes

Palette

Canyon Wall Carved

Reflects the rugged, sun-baked textures and warm earth tones of ancient, wind-carved canyon walls.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Wall Carved 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 Canyon Wall Carved.

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

Data visualization

#B06E5D#D19F7C#F2C79E#8A5445#E0B392

Palette guide

How to use Canyon Wall Carved

Overview

The Canyon Wall Carved palette captures the essence of sun-baked, ancient rock formations with its warm, earthy tones. Featuring a muted terracotta #B06E5D, soft sandstone #D19F7C, light desert clay #F2C79E, deep adobe #8A5445, and a gentle sun-kissed beige #E0B392, this collection is perfect for projects seeking a natural, rustic, and serene aesthetic. Designers and developers can utilize this palette to evoke a sense of history, handcrafted quality, or tranquil warmth, providing a harmonious and inviting user experience across various digital and physical applications.

Best used for

  • Southwest-inspired branding and web design
  • Home decor or artisan craft websites
  • Cultural heritage project interfaces
  • Packaging for natural or organic products
  • Relaxing spa or wellness app themes
  • Editorial layouts for travel or nature magazines

Suggested color roles

primary

Use #B06E5D as a foundational color for large blocks, backgrounds, or primary UI components, establishing a warm, welcoming base.

secondary

Apply #D19F7C for sub-sections, secondary buttons, or accent panels, providing gentle contrast and visual interest.

accent

Leverage #8A5445 for strong calls to action, important text highlights, or impactful graphic elements, offering a deeper, grounding focal point.

background

Employ #F2C79E for main content areas and overall page backgrounds, creating a light, airy feel that enhances readability.

text

For optimal readability, use a dark brown like #8A5445 against lighter shades, or a crisp black for critical text on #F2C79E.

Accessibility notes

  • Ensure #8A5445 provides sufficient contrast for text when used on #D19F7C or #E0B392 backgrounds.
  • Lighter colors like #F2C79E may not pass contrast ratios for small text against #E0B392; reserve for larger titles.
  • Avoid using #B06E5D text on #D19F7C backgrounds for main content due to potential readability issues.
  • When designing interactive elements, ensure clear visual feedback for states, especially between similar lighter tones.

Recommended combinations

Desert Hues

Ideal for gradient backgrounds or layered UI elements, creating depth and softness.

#B06E5D · #D19F7C · #F2C79E

Ancient Earth

Effective for main content sections, providing a robust and natural feel.

#8A5445 · #B06E5D · #E0B392

Sun-Kissed Clay

Use for subtle graphic accents or decorative borders, adding warmth and texture.

#D19F7C · #F2C79E · #8A5445

CSS variables

:root {
  --canyon-wall-carved-1: #B06E5D;
  --canyon-wall-carved-2: #D19F7C;
  --canyon-wall-carved-3: #F2C79E;
  --canyon-wall-carved-4: #8A5445;
  --canyon-wall-carved-5: #E0B392;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-wall-carved": {
        1: "#B06E5D",
        2: "#D19F7C",
        3: "#F2C79E",
        4: "#8A5445",
        5: "#E0B392",
      }
    }
  }
}

Related searches

rustic adobe color palettesouthwest desert colorscarved rock earthy tonesnatural clay color schemewarm sandstone design

Palette colors

Hex values

Color 1#B06E5D
·
Color 2#D19F7C
·
Color 3#F2C79E
·
Color 4#8A5445
·
Color 5#E0B392
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.6:1Fail
1.5:1Fail
2.1:1Fail
2
1.7:1Fail
1.5:1Fail
2.6:1Fail
1.2:1Fail
3
2.6:1Fail
1.5:1Fail
3.9:1AA18
1.2:1Fail
4
1.5:1Fail
2.6:1Fail
3.9:1AA18
3.2:1AA18
5
2.1:1Fail
1.2:1Fail
1.2:1Fail
3.2:1AA18

Similar palettes

More like Canyon Wall Carved

View all earth