Back to palettes

Palette

Canyon Prickly Bloom

Rugged browns and muted oranges reflecting arid canyon walls and resilient desert flora.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Prickly Bloom 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 Prickly Bloom.

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

Data visualization

#FAE7CF#C9A180#9B6F50#7A4D35#5C2A1E

Palette guide

How to use Canyon Prickly Bloom

Overview

The "Canyon Prickly Bloom" palette features rugged browns and muted oranges, reflecting arid canyon walls and resilient desert flora. It spans from the deep, rich #5C2A1E to the soft, nearly white #FAE7CF, providing a strong contrast and versatile range. Intermediate shades like #7A4D35, #9B6F50, and #C9A180 offer a harmonious blend, evoking the layered textures of desert canyons. This palette is particularly effective for projects that seek to convey authenticity, durability, and a connection to nature, making it ideal for rustic, southwestern, or organic design themes across various platforms.

Best used for

  • Outdoor adventure gear e-commerce
  • Southwestern-themed home decor websites
  • Branding for artisanal goods or craft beverages
  • Photography portfolios showcasing rugged landscapes
  • Rustic event invitations or stationery
  • App design for gardening or nature exploration

Suggested color roles

primary

Use #5C2A1E as a strong, grounding primary for headers, navigation, or prominent branding elements, conveying robustness.

secondary

Employ #7A4D35 for subheadings, important text, or secondary call-to-actions, adding warmth and depth.

accent

Apply #9B6F50 for subtle accents, interactive elements, or graphic details to draw attention without harshness.

background

Utilize #FAE7CF as a light, airy background, providing a clean canvas that enhances readability for darker text.

text

For body text, a deep brown like #5C2A1E or a dark charcoal offers optimal legibility against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #FAE7CF with any text; darker colors from the palette are essential.
  • Check WCAG contrast ratios for #C9A180 when used for text, especially on light backgrounds.
  • The dark tones #5C2A1E and #7A4D35 offer good contrast for white or very light text.
  • Avoid using #9B6F50 for small text if it's placed on backgrounds close to #C9A180 to maintain readability.

Recommended combinations

Rugged Depth

Excellent for creating a rich, textural effect in headers or layered content blocks.

#5C2A1E · #7A4D35 · #9B6F50

Desert Bloom

Ideal for soft, inviting backgrounds with prominent, readable headings and accents.

#FAE7CF · #C9A180 · #9B6F50

Prickly Contrast

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

#5C2A1E · #C9A180 · #FAE7CF

CSS variables

:root {
  --canyon-prickly-bloom-1: #FAE7CF;
  --canyon-prickly-bloom-2: #C9A180;
  --canyon-prickly-bloom-3: #9B6F50;
  --canyon-prickly-bloom-4: #7A4D35;
  --canyon-prickly-bloom-5: #5C2A1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-prickly-bloom": {
        1: "#FAE7CF",
        2: "#C9A180",
        3: "#9B6F50",
        4: "#7A4D35",
        5: "#5C2A1E",
      }
    }
  }
}

Related searches

rugged brown color palettedesert cactus color schemesouthwest earthy orange colorsnatural robust designcanyon flora hex codes

Palette colors

Hex values

Color 1#FAE7CF
·
Color 2#C9A180
·
Color 3#9B6F50
·
Color 4#7A4D35
·
Color 5#5C2A1E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.6:1AA18
5.9:1AA
9.6:1AAA
2
2:1Fail
1.9:1Fail
3:1AA18
4.9:1AA
3
3.6:1AA18
1.9:1Fail
1.6:1Fail
2.7:1Fail
4
5.9:1AA
3:1AA18
1.6:1Fail
1.6:1Fail
5
9.6:1AAA
4.9:1AA
2.7:1Fail
1.6:1Fail

Similar palettes

More like Canyon Prickly Bloom

View all earth