Palette

Cactus Flower Dusk

Captures the subtle beauty of a desert bloom as the last light fades, cool and serene.

EarthCalm5 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

#4D5E5A#758B79#C8C9A6#ECC7B2#F8E3DD

Palette guide

How to use Cactus Flower Dusk

Overview

The Cactus Flower Dusk palette captures the subtle beauty of a desert bloom as the last light fades, offering a cool and serene aesthetic. This tranquil collection features a deep, muted teal-grey, #4D5E5A, and a softer sage green, #758B79, evoking quiet desert foliage. Complementing these are a light, earthy beige, #C8C9A6, and two delicate, dusty pinks: #ECC7B2 and #F8E3DD, reminiscent of a bloom at twilight. Designers will find this palette excellent for creating calm, sophisticated, and understated visuals. Developers can leverage these colors to build serene and inviting user interfaces for brands focused on relaxation, natural wellness, or any application seeking a tranquil and refined aesthetic.

Best used for

Spa and meditation apps
Minimalist interior design concepts
Natural skincare branding
Serene lifestyle blogs
Eco-friendly product packaging
Tranquil wedding themes

Suggested color roles

primary

Utilize #C8C9A6 as a soft, adaptable primary background, providing a light and earthy foundation.

secondary

Apply #758B79 for supporting elements, offering a muted sage green depth.

accent

Introduce #ECC7B2 as a delicate, warm accent for subtle highlights or interactive elements, symbolizing a bloom.

background

Employ #F8E3DD for clean, airy backgrounds, creating a gentle and inviting canvas.

text

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

Accessibility notes

Ensure sufficient contrast when pairing #4D5E5A text with #F8E3DD or #C8C9A6 backgrounds for optimal readability.
Avoid using lighter colors like #ECC7B2 or #758B79 for small text against similar light backgrounds due to low contrast.
For interactive elements, use #4D5E5A to ensure clear affordance and meet WCAG contrast guidelines.
Test color combinations across different screen types to verify visual clarity for all users.

Recommended combinations

Twilight Bloom

Highlights the delicate pink against sage green and a very light background, ideal for subtle graphics or headers.

#ECC7B2 · #758B79 · #F8E3DD

Desert Calm

Offers a grounded yet serene feel, blending deep teal-grey with earthy beige and sage green, suitable for content blocks.

#4D5E5A · #C8C9A6 · #758B79

Soft Dusk

Provides a harmonious blend of light tones, perfect for subtle gradients, layered backgrounds, or gentle transitions.

#F8E3DD · #C8C9A6 · #ECC7B2

CSS variables

:root {
  --cactus-flower-dusk-1: #4D5E5A;
  --cactus-flower-dusk-2: #758B79;
  --cactus-flower-dusk-3: #C8C9A6;
  --cactus-flower-dusk-4: #ECC7B2;
  --cactus-flower-dusk-5: #F8E3DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cactus-flower-dusk": {
        1: "#4D5E5A",
        2: "#758B79",
        3: "#C8C9A6",
        4: "#ECC7B2",
        5: "#F8E3DD",
      }
    }
  }
}

Hex values

Color 1#4D5E5A

Color 2#758B79

Color 3#C8C9A6

Color 4#ECC7B2

Color 5#F8E3DD

Accessibility

Contrast checker

1.9:1Fail

4:1AA18

4.4:1AA18

5.6:1AA

1.9:1Fail

2.2:1Fail

2.3:1Fail

3:1Fail

4:1AA18

2.2:1Fail

1.1:1Fail

1.4:1Fail

4.4:1AA18

2.3:1Fail

1.1:1Fail

1.3:1Fail

5.6:1AA

3:1Fail

1.4:1Fail

1.3:1Fail

Similar palettes

More like Cactus Flower Dusk

View all Earth

Jade Mountain Sanctuary

Whispering Dune Breeze