Back to palettes

Palette

Arid Cactus Blossom

Captures the vibrant yet resilient beauty of a desert agave in bloom under the harsh sun.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Cactus Blossom 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 Arid Cactus Blossom.

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

Data visualization

#E68A40#C25B1D#993B0F#6B270A#F5BB87

Palette guide

How to use Arid Cactus Blossom

Overview

The Arid Cactus Blossom palette draws inspiration from the vibrant yet resilient beauty of a desert agave in bloom under the harsh sun. This collection of warm, earthy tones, featuring the vivid orange of #E68A40 and the rich depth of #6B270A, evokes natural warmth and enduring strength. Designers and developers can leverage these hues to create inviting, robust, and organic digital or physical experiences. The lighter shade, #F5BB87, offers a soft counterpoint, perfect for accents, while the deeper #C25B1D and #993B0F provide excellent grounding. This palette is ideal for projects seeking a blend of natural elegance and rugged vitality, offering a versatile range from bright blooms to sun-baked earth.

Best used for

  • Nature-inspired branding and logos
  • Rustic and earthy web design
  • Outdoor lifestyle product packaging
  • Editorial design for travel or natural themes
  • Warm, inviting digital interfaces
  • Home decor and textile design

Suggested color roles

primary

Use #E68A40 for primary calls-to-action or main brand elements to convey an inviting, energetic warmth.

secondary

Employ #C25B1D for supporting elements, subheadings, or secondary buttons, providing depth without overpowering.

accent

Apply #F5BB87 as a delicate highlight for subtle details, icons, or background textures, offering a soft glow.

background

Utilize #F5BB87 for light, warm backgrounds that allow darker content to stand out clearly, or #993B0F for a richer, grounding base.

text

For body text, #6B270A provides excellent readability and a strong, earthy contrast on lighter backgrounds, or use a deep charcoal for versatility.

Accessibility notes

  • Ensure sufficient contrast when pairing #F5BB87 with lighter text; dark text like #6B270A is recommended.
  • The darker tones like #993B0F and #6B270A provide good contrast for white or light-colored text.
  • Avoid using #F5BB87 for small text against similarly light backgrounds to maintain readability.
  • Test color combinations for WCAG AA compliance, especially for interactive elements and crucial information.

Recommended combinations

Warm Desert Bloom

Ideal for main branding, hero sections, and vibrant visual storytelling, highlighting the palette's core warmth.

#E68A40 · #C25B1D · #F5BB87

Deep Earth Foundation

Excellent for rich backgrounds, footers, or product detail sections, offering a sense of stability and depth.

#993B0F · #6B270A · #C25B1D

Agave Highlight

Perfect for UI elements, call-to-action buttons, or accentuating key information with a gentle yet impactful contrast.

#F5BB87 · #E68A40 · #6B270A

CSS variables

:root {
  --arid-cactus-blossom-1: #E68A40;
  --arid-cactus-blossom-2: #C25B1D;
  --arid-cactus-blossom-3: #993B0F;
  --arid-cactus-blossom-4: #6B270A;
  --arid-cactus-blossom-5: #F5BB87;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-cactus-blossom": {
        1: "#E68A40",
        2: "#C25B1D",
        3: "#993B0F",
        4: "#6B270A",
        5: "#F5BB87",
      }
    }
  }
}

Related searches

desert color schemeearthy orange palettewarm nature colorsrustic design paletteagave bloom colors

Palette colors

Hex values

Color 1#E68A40
·
Color 2#C25B1D
·
Color 3#993B0F
·
Color 4#6B270A
·
Color 5#F5BB87
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
4.2:1AA18
1.5:1Fail
2
1.7:1Fail
1.6:1Fail
2.5:1Fail
2.6:1Fail
3
2.7:1Fail
1.6:1Fail
1.6:1Fail
4.1:1AA18
4
4.2:1AA18
2.5:1Fail
1.6:1Fail
6.4:1AA
5
1.5:1Fail
2.6:1Fail
4.1:1AA18
6.4:1AA

Similar palettes

More like Arid Cactus Blossom

View all earth
Desert Quartz Bloom
Adobe Desert Hues
Adobe Sunset
Arid Blossom
Bohemian Desert Art
Canyon Cliffside View