Back to palettes

Palette

Canyon Vista Radiance

Captures the majestic warmth of sun-drenched canyon walls, blending deep browns with radiant oranges and golds.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Vista Radiance 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 Vista Radiance.

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

Data visualization

#724A2E#9A5A35#C7754E#E3996A#F5D3A3

Palette guide

How to use Canyon Vista Radiance

Overview

The "Canyon Vista Radiance" palette beautifully captures the majestic warmth of sun-drenched canyon walls, blending deep browns with radiant oranges and golds. It ranges from the profound #724A2E to the luminous #F5D3A3, offering a robust yet inviting gradient. Key shades include the earthy #9A5A35, the rich #C7754E, and the vibrant #E3996A. This palette is perfect for designs that seek to convey authenticity, warmth, and a connection to nature, making it ideal for rustic, heritage, or organic design themes across various platforms. Its inherent warmth provides a comforting and reliable visual experience for users.

Best used for

  • Outdoor adventure and travel websites
  • 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 #724A2E as a grounding primary for large blocks of color or important headers, conveying stability and warmth.

secondary

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

accent

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

background

Utilize #F5D3A3 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 #724A2E, ensuring sufficient contrast against lighter backgrounds.

Accessibility notes

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

Recommended combinations

Sun-Drenched Walls

Ideal for hero sections or banners, capturing a warm, inviting glow.

#724A2E · #9A5A35 · #C7754E

Desert Gold

Excellent for creating a soft, luminous background with prominent, readable headings and accents.

#F5D3A3 · #E3996A · #C7754E

Radiant Contrast

Suitable for high-contrast informational sections, with dark text on light backgrounds, highlighted by a mid-tone.

#724A2E · #E3996A · #F5D3A3

CSS variables

:root {
  --canyon-vista-radiance-1: #724A2E;
  --canyon-vista-radiance-2: #9A5A35;
  --canyon-vista-radiance-3: #C7754E;
  --canyon-vista-radiance-4: #E3996A;
  --canyon-vista-radiance-5: #F5D3A3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-vista-radiance": {
        1: "#724A2E",
        2: "#9A5A35",
        3: "#C7754E",
        4: "#E3996A",
        5: "#F5D3A3",
      }
    }
  }
}

Related searches

canyon warm orange palettedesert radiant colorsearthy rustic designsunlit canyon schemevista radiance hex codes

Palette colors

Hex values

Color 1#724A2E
·
Color 2#9A5A35
·
Color 3#C7754E
·
Color 4#E3996A
·
Color 5#F5D3A3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.3:1AA18
5.4:1AA
2
1.4:1Fail
1.6:1Fail
2.3:1Fail
3.8:1AA18
3
2.2:1Fail
1.6:1Fail
1.5:1Fail
2.4:1Fail
4
3.3:1AA18
2.3:1Fail
1.5:1Fail
1.6:1Fail
5
5.4:1AA
3.8:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Canyon Vista Radiance

View all warm
Canyon Wall Ember
Desert Hearth Warmth
Dusty Canyon Trails
Ochre Canyon Dawn
Sunlit Canyon Ochre
Baked Clay Pottery