Palette

Desert Bloom Twilight

Captures the serene beauty of desert flowers unfurling under a twilight sky, blending warm and cool tones.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Bloom Twilight 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 Desert Bloom Twilight.

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

Data visualization

#E2B99F#AF6F6F#6D4F6C#383E56#B5EAD7

Palette guide

How to use Desert Bloom Twilight

Overview

The Desert Bloom Twilight palette is a serene and sophisticated collection that beautifully marries the warm glow of a desert sunset with the cool tranquility of twilight. Featuring a gentle sandy beige #E2B99F, a muted rose #AF6F6F, a deep plum #6D4F6C, a profound midnight blue #383E56, and a refreshing mint green #B5EAD7, this palette evokes the quiet beauty of desert flora unfurling under a dusky sky. It’s ideal for designs seeking a natural yet refined aesthetic, offering a harmonious balance between earthy warmth and cool, calming tones. Developers will find these colors versatile for creating depth and visual interest across various digital and print applications, from elegant branding to tranquil user interfaces.

Best used for

Luxury brand websites and packaging
Spa and wellness marketing materials
High-end interior design mood boards
Editorial layouts for nature or lifestyle magazines
Event invitations for elegant evening gatherings
Mobile app interfaces with a calming, sophisticated theme

Suggested color roles

primary

Use #6D4F6C, a deep, mystical plum, to ground your designs. It's excellent for main headers, navigation, or large background sections to convey depth and luxury.

secondary

Employ #E2B99F, a soft, inviting sandy beige, for secondary backgrounds, content blocks, or subtle accents to bring warmth and natural texture.

accent

Apply #B5EAD7, a refreshing mint green, for calls to action, interactive elements, or small decorative details to add a touch of fresh vibrancy and contrast.

background

Utilize #383E56, a profound midnight blue, as a rich, stable foundation. It allows lighter elements to pop, especially effective for dark mode themes or sophisticated backdrops.

text

For good readability, use #E2B99F or #B5EAD7 on #383E56 backgrounds. For lighter backgrounds like #E2B99F, a deep charcoal or #383E56 itself will ensure clear text.

Accessibility notes

Ensure sufficient contrast between #383E56 (background) and any text placed on it; #B5EAD7 or #E2B99F provide good readability.
Text in #AF6F6F might need a larger font size or bolder weight when placed on #E2B99F to meet WCAG AA standards.
Avoid placing #6D4F6C text directly on #383E56 without careful contrast checking; they are too close in luminance.
#B5EAD7 offers strong contrast against #383E56 and #6D4F6C, making it a good choice for important interactive elements.

Recommended combinations

Serene Sunset

Ideal for elegant branding, website headers, or social media graphics, conveying warmth against a deep, calm backdrop.

#E2B99F · #AF6F6F · #383E56

Twilight Bloom

Perfect for illustrating a sophisticated, natural theme, suitable for app interfaces or editorial design where a cool, refreshing contrast is desired.

#6D4F6C · #B5EAD7 · #383E56

Earthy Depth

Great for creating a layered, organic feel in print materials or subtle web sections, emphasizing natural warmth and texture.

#E2B99F · #AF6F6F · #6D4F6C

CSS variables

:root {
  --desert-bloom-twilight-1: #E2B99F;
  --desert-bloom-twilight-2: #AF6F6F;
  --desert-bloom-twilight-3: #6D4F6C;
  --desert-bloom-twilight-4: #383E56;
  --desert-bloom-twilight-5: #B5EAD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-bloom-twilight": {
        1: "#E2B99F",
        2: "#AF6F6F",
        3: "#6D4F6C",
        4: "#383E56",
        5: "#B5EAD7",
      }
    }
  }
}

Hex values

Color 1#E2B99F

Color 2#AF6F6F

Color 3#6D4F6C

Color 4#383E56

Color 5#B5EAD7

Accessibility

Contrast checker

2.2:1Fail

3.9:1AA18

5.9:1AA

1.3:1Fail

2.2:1Fail

1.8:1Fail

2.7:1Fail

3:1Fail

3.9:1AA18

1.8:1Fail

1.5:1Fail

5.3:1AA

5.9:1AA

2.7:1Fail

1.5:1Fail

7.9:1AAA

1.3:1Fail

3:1Fail

5.3:1AA

7.9:1AAA

Similar palettes

More like Desert Bloom Twilight