Back to palettes

Palette

Canyon Wall Shadows

Deep, muted reds and browns reflecting the sun-drenched, rugged beauty 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 Canyon Wall Shadows 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 Shadows.

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

Data visualization

#6A3F2F#8F5E4E#AF7D6C#CC9C8E#E3CDBF

Palette guide

How to use Canyon Wall Shadows

Overview

The Canyon Wall Shadows palette captures the subtle, shifting hues of sun-drenched canyon walls as light plays across them. Ranging from a deep, warm brown #6A3F2F and rich terracotta #8F5E4E, to a soft rosewood #AF7D6C, gentle blush #CC9C8E, and a delicate sand #E3CDBF, this collection offers a refined and harmonious aesthetic. Designers and developers will find this palette excellent for projects requiring a natural, serene, and subtly sophisticated feel. It expertly conveys warmth, depth, and a connection to organic textures, ensuring a calming and inviting user experience.

Best used for

  • Elegant natural skincare or beauty branding
  • High-end rustic lodge or resort websites
  • Serene interior design concepts
  • Packaging for artisanal coffee or chocolate
  • Digital interfaces for meditation or wellness apps
  • Editorial layouts for lifestyle or travel magazines

Suggested color roles

primary

Use #6A3F2F as a grounding color for main navigation, strong headers, or foundational elements, establishing depth and elegance.

secondary

Apply #8F5E4E for supporting content blocks, subheadings, or as a rich background texture, complementing the primary shade.

accent

Leverage #AF7D6C or #CC9C8E for subtle highlights, interactive elements, or decorative accents, adding warmth and approachability.

background

Employ #E3CDBF for main content areas and expansive backgrounds, creating a light, airy, and highly readable canvas.

text

For optimal readability, use #6A3F2F or a deep charcoal against lighter backgrounds, and white text against #8F5E4E.

Accessibility notes

  • Ensure #6A3F2F provides sufficient contrast for text when used on #E3CDBF or #CC9C8E backgrounds.
  • Avoid using #AF7D6C text on #CC9C8E backgrounds for main content due to potential low contrast.
  • Lighter colors like #E3CDBF should be reserved for larger display text if used on #CC9C8E.
  • Verify contrast ratios for all interactive elements, ensuring clear distinction between states, especially with the subtle variations in mid-tones.

Recommended combinations

Soft Layers

Ideal for creating subtle gradients or layered background effects in UI.

#6A3F2F · #8F5E4E · #AF7D6C

Desert Dusk

Perfect for headers, hero sections, or elements needing a gentle, warm glow.

#CC9C8E · #E3CDBF · #6A3F2F

Terracotta Blush

Use for accentuating key features or adding a sophisticated, natural highlight.

#8F5E4E · #AF7D6C · #E3CDBF

CSS variables

:root {
  --canyon-wall-shadows-1: #6A3F2F;
  --canyon-wall-shadows-2: #8F5E4E;
  --canyon-wall-shadows-3: #AF7D6C;
  --canyon-wall-shadows-4: #CC9C8E;
  --canyon-wall-shadows-5: #E3CDBF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-wall-shadows": {
        1: "#6A3F2F",
        2: "#8F5E4E",
        3: "#AF7D6C",
        4: "#CC9C8E",
        5: "#E3CDBF",
      }
    }
  }
}

Related searches

muted canyon paletterustic terracotta brownnatural shadow colorswarm desert neutralselegant earth tone scheme

Palette colors

Hex values

Color 1#6A3F2F
·
Color 2#8F5E4E
·
Color 3#AF7D6C
·
Color 4#CC9C8E
·
Color 5#E3CDBF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.7:1AA18
5.8:1AA
2
1.6:1Fail
1.5:1Fail
2.2:1Fail
3.5:1AA18
3
2.5:1Fail
1.5:1Fail
1.5:1Fail
2.3:1Fail
4
3.7:1AA18
2.2:1Fail
1.5:1Fail
1.6:1Fail
5
5.8:1AA
3.5:1AA18
2.3:1Fail
1.6:1Fail

Similar palettes

More like Canyon Wall Shadows

View all earth
Arid Sands Mirage
Canyon Clay Bluffs
Desert Canyon Echo
Earthy Canyon Echo
Sedona Stone Glow
Sunlit Canyon Earth