Back to palettes

Palette

Cactus Blossom Kiss

A surprising burst of vivid color against arid tones, celebrating the resilient beauty of desert wildflowers.

vibrantnatural5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C44C2B#E67A53#FFB3A1#3C5A3E#7A9F7C

Palette guide

How to use Cactus Blossom Kiss

Overview

The Cactus Blossom Kiss palette delivers a surprising burst of vivid color against arid tones, celebrating the resilient beauty of desert wildflowers. This palette features a strong, earthy green, #3C5A3E, and a lighter, more muted green, #7A9F7C, representing desert foliage. Contrasting beautifully are a rich burnt orange, #C44C2B, a softer coral, #E67A53, and a delicate blush pink, #FFB3A1, inspired by unexpected blooms. Designers can leverage this palette to create visuals that are both grounded and strikingly vibrant. Developers will find these colors ideal for building engaging and memorable user interfaces for brands that blend natural themes with a modern, energetic aesthetic, such as sustainable fashion or artisanal goods.

Best used for

  • Sustainable fashion brands
  • Artisan product packaging
  • Nature-inspired web design
  • Bohemian interior design accents
  • Desert-themed event branding
  • Botanical art and illustration

Suggested color roles

primary

Use #7A9F7C as a soft, natural base, providing a calm and earthy foundation for your design.

secondary

Apply #E67A53 for supporting elements, offering a warm and inviting mid-tone.

accent

Introduce #C44C2B as a powerful, eye-catching accent for calls to action, headlines, or key features, symbolizing a vibrant blossom.

background

Utilize #FFB3A1 for light, airy backgrounds, creating a gentle and inviting canvas.

text

Employ #3C5A3E for main body text and headings, ensuring strong readability and a sophisticated, grounded feel.

Accessibility notes

  • Ensure sufficient contrast between #3C5A3E text and lighter backgrounds like #FFB3A1 or #7A9F7C for optimal readability.
  • Use #C44C2B as a text color only on very light backgrounds or for large headings where contrast is easier to maintain.
  • Avoid pairing #E67A53 text directly on #FFB3A1 as the contrast may be insufficient for WCAG AA compliance.
  • For interactive elements, confirm that the accent colors provide clear visual cues and sufficient contrast.

Recommended combinations

Blossom Pop

Creates a striking focal point with the bold orange against a soft green and blush background, perfect for hero sections.

#C44C2B · #7A9F7C · #FFB3A1

Earthy Warmth

Offers a grounded yet inviting feel, suitable for content blocks or informational panels, blending deep green with warm coral.

#3C5A3E · #E67A53 · #7A9F7C

Soft Desert

Provides a gentle, harmonious blend of light tones, ideal for subtle gradients, layered backgrounds, or supporting graphics.

#FFB3A1 · #7A9F7C · #E67A53

CSS variables

:root {
  --cactus-blossom-kiss-1: #C44C2B;
  --cactus-blossom-kiss-2: #E67A53;
  --cactus-blossom-kiss-3: #FFB3A1;
  --cactus-blossom-kiss-4: #3C5A3E;
  --cactus-blossom-kiss-5: #7A9F7C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cactus-blossom-kiss": {
        1: "#C44C2B",
        2: "#E67A53",
        3: "#FFB3A1",
        4: "#3C5A3E",
        5: "#7A9F7C",
      }
    }
  }
}

Related searches

desert floral color paletteburnt orange green pinknatural vibrant color schemecactus flower colorsearthy modern palette

Palette colors

Hex values

Color 1#C44C2B
·
Color 2#E67A53
·
Color 3#FFB3A1
·
Color 4#3C5A3E
·
Color 5#7A9F7C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
1.6:1Fail
1.6:1Fail
2
1.6:1Fail
1.7:1Fail
2.7:1Fail
1:1Fail
3
2.8:1Fail
1.7:1Fail
4.5:1AA18
1.7:1Fail
4
1.6:1Fail
2.7:1Fail
4.5:1AA18
2.6:1Fail
5
1.6:1Fail
1:1Fail
1.7:1Fail
2.6:1Fail

Similar palettes

More like Cactus Blossom Kiss

View all vibrant
Arid Cactus Blossom
Forest Nymph Bloom
Emerald Dragonfly Wings
Emerald Glade Lush
Emerald Isle Mystique
Emerald River Flow