Back to palettes

Palette

Sunbaked Canyon Bloom

Warm, resilient colors capturing the surprising beauty of flora blooming amidst arid desert clay.

earthnatural5 colors
More earth 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

#B26A3B#D1996E#F0C79D#8C4A21#C7B38C

Palette guide

How to use Sunbaked Canyon Bloom

Overview

The Sunbaked Canyon Bloom palette evokes the resilient beauty of desert flora, blending warm earth tones with subtle floral hints. This collection, featuring hex codes like #B26A3B, #D1996E, and the deep #8C4A21, is perfect for projects seeking a natural, grounded, yet vibrant feel. Designers can leverage its organic warmth to create inviting digital interfaces or print materials that convey authenticity and a connection to nature. The lighter #F0C79D provides excellent contrast, while #C7B38C adds a sophisticated, muted balance. Developers will find these robust shades integrate seamlessly into responsive designs, offering a cohesive visual language that feels both ancient and refreshingly modern.

Best used for

  • Nature-inspired branding and websites
  • Sustainable product packaging
  • Desert-themed travel blogs or tourism sites
  • Interior design visualization (boho, rustic styles)
  • Artisan craft e-commerce platforms
  • Educational materials on geology or botany

Suggested color roles

primary

#B26A3B serves as a strong, inviting base, ideal for main buttons, hero sections, or significant brand elements, conveying warmth and stability.

secondary

#D1996E offers a softer, approachable warmth, suitable for secondary calls-to-action, feature backgrounds, or accentuating primary content.

accent

#8C4A21 provides a rich, deep contrast, excellent for important icons, headlines, or small, impactful details that need to stand out without feeling jarring.

background

#F0C79D creates a light, airy canvas, perfect for main content areas, providing excellent readability and a soft, natural feel.

text

For dark text, a rich charcoal or near-black like #222222 offers strong contrast against lighter backgrounds. For light text on darker elements, pure white or a light cream like #FCFCFC works well.

Accessibility notes

  • Ensure sufficient contrast when using #8C4A21 for text against #B26A3B or #D1996E backgrounds.
  • #F0C79D provides excellent contrast for dark text, but avoid using light text directly on it.
  • Carefully test #C7B38C as a background for text; darker text shades will generally be required.
  • Always check WCAG 2.1 AA guidelines, especially for text over #D1996E to ensure readability for all users.

Recommended combinations

Desert Sunset

Ideal for vibrant headers, feature blocks, or call-to-action elements that need to convey warmth and energy.

#B26A3B · #D1996E · #8C4A21

Canyon Clay

Excellent for main content areas, background sections, and supporting elements to create a soft, earthy foundation.

#F0C79D · #C7B38C · #B26A3B

Resilient Bloom

Use for striking contrasts in UI elements like navigation, highlights, or graphical accents where deep and light tones meet.

#8C4A21 · #F0C79D · #D1996E

CSS variables

:root {
  --sunbaked-canyon-bloom-1: #B26A3B;
  --sunbaked-canyon-bloom-2: #D1996E;
  --sunbaked-canyon-bloom-3: #F0C79D;
  --sunbaked-canyon-bloom-4: #8C4A21;
  --sunbaked-canyon-bloom-5: #C7B38C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-canyon-bloom": {
        1: "#B26A3B",
        2: "#D1996E",
        3: "#F0C79D",
        4: "#8C4A21",
        5: "#C7B38C",
      }
    }
  }
}

Related searches

earth tone color schemesdesert inspired color palettesnatural brand colorswarm rustic color combinationsclay and terracotta palette

Palette colors

Hex values

Color 1#B26A3B
·
Color 2#D1996E
·
Color 3#F0C79D
·
Color 4#8C4A21
·
Color 5#C7B38C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
1.6:1Fail
2:1Fail
2
1.7:1Fail
1.6:1Fail
2.7:1Fail
1.2:1Fail
3
2.7:1Fail
1.6:1Fail
4.3:1AA18
1.3:1Fail
4
1.6:1Fail
2.7:1Fail
4.3:1AA18
3.3:1AA18
5
2:1Fail
1.2:1Fail
1.3:1Fail
3.3:1AA18

Similar palettes

More like Sunbaked Canyon Bloom

View all earth
Canyon Bloom Echo
Desert Clay Horizon
Baked Earth
Canyon Clay Formations
Canyon Whisper
Desert Canyon Echo