Back to palettes

Palette

Canyon Clay Form

Rich, sun-baked tones echoing the dramatic cliffs and layered sediments of a majestic canyon landscape.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Clay Form 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 Clay Form.

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

Data visualization

#A0522D#D2691E#F4A460#CD853F#C15B4C

Palette guide

How to use Canyon Clay Form

Overview

The "Canyon Clay Form" palette offers a rich, sun-baked collection of earthy tones, perfect for evoking a natural, rustic feel. Featuring shades like the deep terracotta of #A0522D, the vibrant orange-brown of #D2691E, and the lighter, sandy #F4A460, this palette is ideal for projects seeking warmth and authenticity. Designers can leverage its dynamic range from the robust #CD853F to the inviting #C15B4C to create depth and visual interest. It's particularly effective for designs that aim to reflect organic textures, heritage, or an outdoor aesthetic, providing a grounding and comfortable user experience.

Best used for

  • Rustic interior design websites or blogs
  • E-commerce for artisanal crafts or handmade goods
  • Branding for eco-friendly or natural product lines
  • Digital art or illustration with earthy themes
  • Travel blogs focusing on desert landscapes or national parks
  • Farm-to-table restaurant menus or branding

Suggested color roles

primary

Use #A0522D as a grounding primary for large blocks of color or important headers, conveying stability and warmth.

secondary

Employ #D2691E for secondary elements like call-to-action buttons or accent panels, adding a vibrant, inviting energy.

accent

Apply #C15B4C for focal points or interactive elements, drawing attention without overwhelming the earthy base.

background

Utilize #F4A460 as a soft, warm background for content, ensuring good readability with darker text.

text

For body text, consider a dark charcoal or a deep brown like #A0522D, ensuring sufficient contrast against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing #F4A460 with lighter text colors; darker hues are recommended.
  • Check color contrast for #CD853F used with both light and dark text to meet WCAG guidelines.
  • Avoid using #A0522D and #C15B4C in close proximity for small text to prevent readability issues for some users.
  • For interactive elements, ensure #D2691E has a clear focus state and meets minimum contrast ratios against its background.

Recommended combinations

Desert Sunset

Ideal for hero sections or banners, capturing a warm, fading light effect.

#A0522D · #D2691E · #F4A460

Earthen Depth

Excellent for creating a rich, layered visual in product displays or informational graphics.

#CD853F · #A0522D · #C15B4C

Clay Contrast

Suitable for content blocks where #F4A460 acts as background, #D2691E for headings, and #A0522D for accents.

#F4A460 · #D2691E · #A0522D

CSS variables

:root {
  --canyon-clay-form-1: #A0522D;
  --canyon-clay-form-2: #D2691E;
  --canyon-clay-form-3: #F4A460;
  --canyon-clay-form-4: #CD853F;
  --canyon-clay-form-5: #C15B4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-clay-form": {
        1: "#A0522D",
        2: "#D2691E",
        3: "#F4A460",
        4: "#CD853F",
        5: "#C15B4C",
      }
    }
  }
}

Related searches

earth tone color paletterustic web design colorswarm desert color schemenatural branding colorsterracotta hex codes

Palette colors

Hex values

Color 1#A0522D
·
Color 2#D2691E
·
Color 3#F4A460
·
Color 4#CD853F
·
Color 5#C15B4C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.8:1Fail
1.9:1Fail
1.3:1Fail
2
1.5:1Fail
1.8:1Fail
1.2:1Fail
1.2:1Fail
3
2.8:1Fail
1.8:1Fail
1.5:1Fail
2.1:1Fail
4
1.9:1Fail
1.2:1Fail
1.5:1Fail
1.4:1Fail
5
1.3:1Fail
1.2:1Fail
2.1:1Fail
1.4:1Fail

Similar palettes

More like Canyon Clay Form

View all earth
Canyon Rock Layers
Canyon Sun Baked
Red Rock Canyon
Sunlit Canyon Earth
Ancient Clay Vessel
Ancient Desert Tapestry