Palette

Desert Rose Bloom

A gentle blend capturing the subtle beauty of desert flora awakening at dawn, amidst sun-baked earth.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E1B38F#C27D72#7B5A4B#B9D7EA#9F6662

Palette guide

How to use Desert Rose Bloom

Overview

The Desert Rose Bloom palette beautifully captures the subtle elegance of desert flora at dawn, blending sun-baked earth tones with an unexpected touch of cool sky. It features the warm, inviting #E1B38F and the soft, rosy terracotta #C27D72. A deep, grounding brown #7B5A4B anchors the palette, while the serene, light blue #B9D7EA offers a refreshing contrast, reminiscent of a clear morning sky. The rich #9F6662 provides a deeper, muted rose-red. This versatile collection is perfect for designers seeking to evoke natural beauty, warmth, and a hint of unexpected serenity in their visual communications.

Best used for

Nature photography websites
Outdoor lifestyle brands
Earthy wedding stationery
Packaging for natural beauty products
Editorial design for travel magazines
UI/UX with a calming, organic feel

Suggested color roles

primary

Use #7B5A4B for foundational elements, providing a deep, stable, and earthy anchor.

secondary

Apply #E1B38F for large content areas or backgrounds, offering a warm and inviting base.

accent

Employ #C27D72 for interactive elements or highlights, adding a soft, rosy, and engaging touch.

background

Utilize #B9D7EA for a light, airy background, creating a serene contrast with the warmer tones.

text

For optimal readability, use #7B5A4B on lighter backgrounds like #E1B38F or #B9D7EA, or white on darker elements.

Accessibility notes

Ensure #7B5A4B text has strong contrast against #E1B38F and #B9D7EA.
#C27D72 and #9F6662 will require light text (e.g., white) for readability.
Avoid using #E1B38F for small text, especially on #B9D7EA, due to potential low contrast.
Always test button and link contrast, particularly when using the lighter blue.

Recommended combinations

Desert Dawn

Creates a harmonious blend of warm earth and cool sky, ideal for serene landscape visuals.

#E1B38F · #B9D7EA · #7B5A4B

Terracotta Rose

Perfect for designs needing a warm, inviting, and slightly rustic feel, like product branding.

#C27D72 · #9F6662 · #E1B38F

Grounded Serenity

Suitable for robust designs combining deep earth tones with a calming, cool accent.

#7B5A4B · #B9D7EA · #C27D72

CSS variables

:root {
  --desert-rose-bloom-6-1: #E1B38F;
  --desert-rose-bloom-6-2: #C27D72;
  --desert-rose-bloom-6-3: #7B5A4B;
  --desert-rose-bloom-6-4: #B9D7EA;
  --desert-rose-bloom-6-5: #9F6662;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-rose-bloom-6": {
        1: "#E1B38F",
        2: "#C27D72",
        3: "#7B5A4B",
        4: "#B9D7EA",
        5: "#9F6662",
      }
    }
  }
}

Hex values

Color 1#E1B38F

Color 2#C27D72

Color 3#7B5A4B

Color 4#B9D7EA

Color 5#9F6662

Accessibility

Contrast checker

1.7:1Fail

3.2:1AA18

1.3:1Fail

2.4:1Fail

1.7:1Fail

1.9:1Fail

2.2:1Fail

1.4:1Fail

3.2:1AA18

1.9:1Fail

4.1:1AA18

1.3:1Fail

2.2:1Fail

4.1:1AA18

3.1:1AA18

2.4:1Fail

1.4:1Fail

1.3:1Fail

3.1:1AA18

Similar palettes

More like Desert Rose Bloom

Desert Rose Bloom

See it in context.

Ready when you are.

Built with Desert Rose Bloom.

How to use Desert Rose Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Desert Dawn

Terracotta Rose

Grounded Serenity

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Desert Rose Bloom