Back to palettes

Palette

Sunbeam Canyon Walls

Warm ochres and rosy beiges reflect the sun's gentle kiss upon ancient, textured canyon walls at dawn.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbeam Canyon Walls 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 Sunbeam Canyon Walls.

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

Data visualization

#A0522D#C6784A#E09F6E#F2C79E#FDF7EC

Palette guide

How to use Sunbeam Canyon Walls

Overview

The Sunbeam Canyon Walls palette evokes the majestic beauty of ancient desert landscapes, featuring warm ochres and rosy beiges kissed by the morning sun. This collection, ranging from the deep #A0522D to the luminous #FDF7EC, provides designers and developers with a natural, earthy aesthetic. Key colors like #C6784A and #E09F6E offer versatile mid-tones, perfect for creating designs that feel grounded, inviting, and subtly dramatic. It's an excellent choice for projects that aim to convey warmth, adventure, and a connection to the raw beauty of nature.

Best used for

  • Outdoor adventure and travel brands
  • Desert-inspired home decor and textiles
  • Websites for natural cosmetics or artisanal goods
  • Southwestern-themed marketing campaigns
  • Geological or natural history educational content
  • Warm and inviting digital interfaces

Suggested color roles

primary

Designate #C6784A as the main brand color, representing the warm, inviting core of the canyon.

secondary

Utilize #A0522D for strong contrasts, important headlines, or grounding elements that require depth and presence.

accent

Apply #E09F6E for softer accents, highlights, or secondary calls-to-action, adding a gentle glow.

background

Employ #FDF7EC as a clean, light background, providing excellent legibility for darker text and an airy feel.

text

For body text, #A0522D or a deep brown/charcoal ensures optimal readability and complements the palette's natural tones.

Accessibility notes

  • Ensure strong contrast for text; #A0522D on #FDF7EC offers excellent readability.
  • Avoid using #F2C79E or #E09F6E for small text on similarly light backgrounds to prevent readability issues.
  • Consider using a slightly darker shade for borders or interactive elements if the background is #FDF7EC.
  • Always check WCAG guidelines for color combinations, especially for critical information.

Recommended combinations

Canyon Layers

Ideal for creating a sense of depth and geological stratification in headers, banners, or layered visual elements.

#A0522D · #C6784A · #E09F6E

Desert Dawn

Effective for backgrounds and content areas where a soft, luminous, and gradually warming effect is desired.

#FDF7EC · #F2C79E · #E09F6E

Earthy Contrast

Perfect for creating clear hierarchy in layouts, combining a strong anchor with a bright, open background.

#A0522D · #FDF7EC · #C6784A

CSS variables

:root {
  --sunbeam-canyon-walls-1: #A0522D;
  --sunbeam-canyon-walls-2: #C6784A;
  --sunbeam-canyon-walls-3: #E09F6E;
  --sunbeam-canyon-walls-4: #F2C79E;
  --sunbeam-canyon-walls-5: #FDF7EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbeam-canyon-walls": {
        1: "#A0522D",
        2: "#C6784A",
        3: "#E09F6E",
        4: "#F2C79E",
        5: "#FDF7EC",
      }
    }
  }
}

Related searches

canyon color palettedesert warm tonessandstone colorsnatural earth brownssouthwestern design colors

Palette colors

Hex values

Color 1#A0522D
·
Color 2#C6784A
·
Color 3#E09F6E
·
Color 4#F2C79E
·
Color 5#FDF7EC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.5:1Fail
3.6:1AA18
5.3:1AA
2
1.7:1Fail
1.5:1Fail
2.2:1Fail
3.2:1AA18
3
2.5:1Fail
1.5:1Fail
1.4:1Fail
2.1:1Fail
4
3.6:1AA18
2.2:1Fail
1.4:1Fail
1.5:1Fail
5
5.3:1AA
3.2:1AA18
2.1:1Fail
1.5:1Fail

Similar palettes

More like Sunbeam Canyon Walls

View all warm