Palette

Cactus Flower Dusk

Inspired by the unexpected, vibrant blooms of desert cacti against the fading dusk light.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cactus Flower Dusk 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 Flower Dusk.

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

Data visualization

#5B7347#A3B865#DBC456#8A468F#B968B1

Palette guide

How to use Cactus Flower Dusk

Overview

The Cactus Flower Dusk palette is inspired by the unexpected, vibrant blooms of desert cacti against the fading dusk light. This earthy and exotic collection features a deep forest green, #5B7347, and a brighter lime green, #A3B865, representing resilient desert plants. Contrasting these are a striking golden yellow, #DBC456, and two captivating purples: a rich violet, #8A468F, and a softer magenta, #B968B1, evoking rare nocturnal blooms. Designers will find this palette excellent for creating visuals that are both grounded and mysteriously alluring. Developers can leverage these colors to build unique and engaging user interfaces for brands that blend natural themes with a touch of intrigue and sophistication, such as artisanal spirits or exotic travel.

Best used for

Exotic travel and tourism branding
Artisanal product packaging
Botanical garden marketing
Mysterious event invitations
Nature-themed digital art
Luxury home decor accents

Suggested color roles

primary

Utilize #A3B865 as a fresh, adaptable primary background, providing a lively yet earthy foundation.

secondary

Apply #DBC456 for supporting elements, offering a warm golden hue that complements the greens.

accent

Introduce #8A468F or #B968B1 as powerful, captivating accents for calls to action, headlines, or key features, symbolizing a rare bloom.

background

Employ #A3B865 for light, inviting backgrounds, allowing the bolder colors to truly stand out. A light neutral can also work well.

text

Use #5B7347 for main body text and headings, ensuring strong readability and a sophisticated, grounded feel against lighter backgrounds.

Accessibility notes

Ensure sufficient contrast when pairing #5B7347 text with #A3B865 or #DBC456 backgrounds for optimal readability.
The vibrant purples (#8A468F, #B968B1) should be used for text only on very light backgrounds or for large headings.
Avoid using #DBC456 for small text on #A3B865 due to potential low contrast.
For interactive elements, use #5B7347 or #8A468F to ensure clear affordance and meet WCAG contrast guidelines.

Recommended combinations

Dusk Bloom

Creates a striking focal point with deep purple against lime green and golden yellow, ideal for hero sections or branding.

#8A468F · #A3B865 · #DBC456

Earthy Intrigue

Offers a grounded yet mysterious feel, blending deep green with magenta and lime, suitable for content blocks or distinct sections.

#5B7347 · #B968B1 · #A3B865

Golden Sunset

Provides a harmonious blend of golden yellow and greens with a purple accent, perfect for headers or subtle gradients.

#DBC456 · #A3B865 · #8A468F

CSS variables

:root {
  --cactus-flower-dusk-2-1: #5B7347;
  --cactus-flower-dusk-2-2: #A3B865;
  --cactus-flower-dusk-2-3: #DBC456;
  --cactus-flower-dusk-2-4: #8A468F;
  --cactus-flower-dusk-2-5: #B968B1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cactus-flower-dusk-2": {
        1: "#5B7347",
        2: "#A3B865",
        3: "#DBC456",
        4: "#8A468F",
        5: "#B968B1",
      }
    }
  }
}

Hex values

Color 1#5B7347

Color 2#A3B865

Color 3#DBC456

Color 4#8A468F

Color 5#B968B1

Accessibility

Contrast checker

2.4:1Fail

3:1AA18

1.2:1Fail

1.4:1Fail

2.4:1Fail

1.3:1Fail

2.9:1Fail

1.7:1Fail

3:1AA18

1.3:1Fail

3.6:1AA18

2.1:1Fail

1.2:1Fail

2.9:1Fail

3.6:1AA18

1.7:1Fail

1.4:1Fail

1.7:1Fail

2.1:1Fail

1.7:1Fail

Similar palettes

More like Cactus Flower Dusk

Cactus Flower Dusk

See it in context.

Ready when you are.

Built with Cactus Flower Dusk.

How to use Cactus Flower Dusk

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dusk Bloom

Earthy Intrigue

Golden Sunset

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cactus Flower Dusk