Back to palettes

Palette

Saguaro Cactus Bloom

Earthy greens and a surprising pop of red evoke the hardy beauty of a saguaro cactus in the desert bloom.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Saguaro Cactus 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 Saguaro Cactus Bloom.

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

Data visualization

#4F7942#84AC70#A9D38D#F0F0D8#B22222

Palette guide

How to use Saguaro Cactus Bloom

Overview

The 'Saguaro Cactus Bloom' palette captures the hardy beauty of a saguaro cactus in the desert bloom, blending earthy greens with a surprising pop of red. This vibrant collection features the robust #4F7942, the lively #84AC70, the light #A9D38D, the sandy #F0F0D8, and the striking #B22222. Designers can leverage these hues to evoke a sense of natural resilience, desert adventure, and vibrant life. Developers will find these hex codes ideal for crafting visually engaging user interfaces for outdoor brands, eco-tourism, or any project seeking a unique and energetic natural aesthetic.

Best used for

  • Desert tourism and travel agencies
  • Eco-conservation and nature organizations
  • Southwestern decor and lifestyle brands
  • Natural history museums and exhibits
  • Vibrant outdoor adventure brands
  • Educational content about desert ecosystems

Suggested color roles

primary

Use #4F7942 as a deep, robust cactus green, conveying strength and natural vitality.

secondary

Apply #84AC70 for lighter, vibrant green support, creating a fresh and lively feel.

accent

Employ #B22222 as a bold, striking bloom accent, perfect for calls-to-action or important visual cues.

background

Utilize #F0F0D8 for a soft, sandy desert base, providing an airy and authentic backdrop.

text

Pair #4F7942 or a deep brown/black with #F0F0D8 for optimal contrast and superior readability.

Accessibility notes

  • Ensure #4F7942 or black text on #F0F0D8 provides high contrast for excellent readability.
  • Verify that #B22222 has sufficient contrast with surrounding elements when used as an accent.
  • Avoid using #A9D38D for small text on #F0F0D8 due to potential low contrast.
  • Check contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Desert Bloom

Creates a visual narrative of the desert floor, green foliage, and a vibrant flower, ideal for impactful graphics.

#F0F0D8 · #A9D38D · #B22222

Cactus Core

Perfect for layered, natural green elements, conveying the robust and varied textures of desert plants.

#4F7942 · #84AC70 · #A9D38D

Striking Contrast

Offers a clean, bold desert feel, excellent for defining sections and highlighting key information with strong impact.

#F0F0D8 · #4F7942 · #B22222

CSS variables

:root {
  --saguaro-cactus-bloom-1: #4F7942;
  --saguaro-cactus-bloom-2: #84AC70;
  --saguaro-cactus-bloom-3: #A9D38D;
  --saguaro-cactus-bloom-4: #F0F0D8;
  --saguaro-cactus-bloom-5: #B22222;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "saguaro-cactus-bloom": {
        1: "#4F7942",
        2: "#84AC70",
        3: "#A9D38D",
        4: "#F0F0D8",
        5: "#B22222",
      }
    }
  }
}

Related searches

saguaro cactus palettedesert green rednatural bloom colorssouthwestern aestheticearthy vibrant palette

Palette colors

Hex values

Color 1#4F7942
·
Color 2#84AC70
·
Color 3#A9D38D
·
Color 4#F0F0D8
·
Color 5#B22222
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3:1Fail
4.4:1AA18
1.3:1Fail
2
2:1Fail
1.5:1Fail
2.2:1Fail
2.6:1Fail
3
3:1Fail
1.5:1Fail
1.5:1Fail
3.9:1AA18
4
4.4:1AA18
2.2:1Fail
1.5:1Fail
5.8:1AA
5
1.3:1Fail
2.6:1Fail
3.9:1AA18
5.8:1AA

Similar palettes

More like Saguaro Cactus Bloom

View all earth
Agave Bloom Dawn
Canyon Wall Erosion
Desert Agave Bloom
Desert Bloom Oasis
Desert Oasis Dusk
Desert Sage Bloom