Back to palettes

Palette

Sunbaked Canyon Bloom

Warm, robust tones inspired by sun-drenched canyon walls and resilient desert flora blooming amidst the heat.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E17B3C#A3522E#F9D7AE#C28F5A#6B3F2E

Palette guide

How to use Sunbaked Canyon Bloom

Overview

The Sunbaked Canyon Bloom palette evokes the rugged beauty of desert landscapes, blending robust, earthy tones with hints of resilient flora. Featuring a vibrant orange-red like #E17B3C, a deep terracotta #A3522E, a creamy sun-bleached #F9D7AE, a grounding tan #C28F5A, and a rich, dark earth #6B3F2E, this collection offers designers and developers a warm, natural foundation. Ideal for projects aiming for authenticity and organic appeal, it provides a harmonious range for creating depth and visual interest across digital and print mediums, reflecting warmth and enduring strength.

Best used for

  • Eco-tourism and outdoor adventure branding
  • Rustic home decor and furniture design
  • Natural food product packaging
  • Websites and apps with an earthy, organic aesthetic
  • Editorial layouts for nature or travel magazines
  • Artisan craft and handmade goods promotion

Suggested color roles

primary

#E17B3C. Use this vibrant, sun-drenched orange-red for calls to action, prominent headlines, or key visual elements to grab attention and convey energy.

secondary

#A3522E. A deeper, robust terracotta, perfect for subheadings, important iconography, or as a strong background accent that complements the primary hue.

accent

#F9D7AE. This light, creamy beige provides a soft contrast, excellent for highlighting subtle details, UI elements, or as a gentle background for lighter sections.

background

#C28F5A. A versatile, warm tan that serves as an excellent neutral base, providing an earthy and inviting backdrop for content without overwhelming other colors.

text

#6B3F2E. This deep, rich brown offers strong readability against lighter palette colors. For maximum contrast on #F9D7AE or #C28F5A, consider true black or a dark charcoal alternative.

Accessibility notes

  • Ensure #6B3F2E text has sufficient contrast against #F9D7AE and #C28F5A backgrounds for readability (aim for AA or AAA standards).
  • Avoid placing #A3522E text directly on #E17B3C backgrounds as contrast may be insufficient for accessibility.
  • Use #F9D7AE for text only on darker backgrounds like #A3522E or #6B3F2E to maintain good visibility.
  • The primary #E17B3C may need careful pairing for text; consider using it for larger headings rather than body copy.

Recommended combinations

Earthy Foundation

Ideal for establishing a strong, natural base for layouts, with the dark brown for text, tan for main content areas, and creamy beige for subtle accents or cards.

#6B3F2E · #C28F5A · #F9D7AE

Vibrant Contrast

Leverage the bold orange-red for calls to action against the dark brown text, with the creamy beige providing breathing room and highlight elements.

#E17B3C · #6B3F2E · #F9D7AE

Warm Depth

Creates a rich, layered effect suitable for hero sections or detailed illustrations, using the terracotta for depth, tan for mid-tones, and the bright orange as a dynamic highlight.

#A3522E · #C28F5A · #E17B3C

CSS variables

:root {
  --sunbaked-canyon-bloom-2-1: #E17B3C;
  --sunbaked-canyon-bloom-2-2: #A3522E;
  --sunbaked-canyon-bloom-2-3: #F9D7AE;
  --sunbaked-canyon-bloom-2-4: #C28F5A;
  --sunbaked-canyon-bloom-2-5: #6B3F2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-canyon-bloom-2": {
        1: "#E17B3C",
        2: "#A3522E",
        3: "#F9D7AE",
        4: "#C28F5A",
        5: "#6B3F2E",
      }
    }
  }
}

Related searches

desert color schemesearthy web design palettewarm branding colorsnatural tones ui kitrustic color inspiration

Palette colors

Hex values

Color 1#E17B3C
·
Color 2#A3522E
·
Color 3#F9D7AE
·
Color 4#C28F5A
·
Color 5#6B3F2E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.2:1Fail
1:1Fail
3:1Fail
2
1.9:1Fail
4:1AA18
1.9:1Fail
1.6:1Fail
3
2.2:1Fail
4:1AA18
2.1:1Fail
6.5:1AA
4
1:1Fail
1.9:1Fail
2.1:1Fail
3.1:1AA18
5
3:1Fail
1.6:1Fail
6.5:1AA
3.1:1AA18

Similar palettes

More like Sunbaked Canyon Bloom

View all warm
Cactus Flower Dew
Desert Bloom Mirage
Desert Flower Bloom
Sandstone Canyon Flow
Amber Sands Mirage
Amber Sands Mirage