Palette

Desert Wildflower Medley

A surprising mix of muted pinks, oranges, and yellows, reflecting the resilient beauty of desert wildflowers.

WarmNatural5 colors

More Warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Wildflower Medley 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 Wildflower Medley.

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

Data visualization

#9E4A6F#E28B5E#F7C875#6A3C52#4E2E3C

Palette guide

How to use Desert Wildflower Medley

Overview

The Desert Wildflower Medley palette offers a surprising mix of muted pinks, oranges, and yellows, reflecting the resilient beauty of desert wildflowers. Anchored by the deep plum-brown of #4E2E3C, it features rich plum #6A3C52, vibrant rose #9E4A6F, soft coral orange #E28B5E, and a sunny yellow in #F7C875. This palette is an excellent choice for designers and developers aiming to convey a sense of natural vibrancy, feminine charm, or creative energy. Its harmonious blend of unexpected hues creates a sophisticated yet lively aesthetic, perfect for designs that require both softness and a touch of organic allure.

Best used for

Feminine fashion and beauty brands
Natural botanical art and illustration
Spring and summer collection marketing
Creative agency and portfolio design
Vibrant yet soft digital interfaces
Organic product packaging

Suggested color roles

primary

Utilize #4E2E3C for foundational elements like main navigation, footers, or bold headlines, establishing a deep, sophisticated anchor.

secondary

Employ #6A3C52 for supporting roles such as subheadings, secondary buttons, or background sections, offering a muted plum.

accent

Introduce #E28B5E as a soft, warm coral orange accent for calls to action, highlights, or key interactive elements, adding a lively spark.

background

Apply #F7C875 to main content areas or large backgrounds, creating a light, sunny, and highly readable canvas.

text

For optimal readability, use #4E2E3C or a deep charcoal against lighter backgrounds such as #F7C875 or #E28B5E.

Accessibility notes

Ensure sufficient contrast for text on #F7C875 and #E28B5E; dark text is always recommended.
Verify that #9E4A6F provides enough contrast if used for critical UI elements against adjacent lighter colors.
Avoid placing light-colored text on mid-tone plums or oranges (#6A3C52) to prevent readability issues.
Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements within this vibrant palette.

Recommended combinations

Wildflower Foundation

Perfect for a strong primary color on a light, sunny background with a soft coral accent, excellent for vibrant branding.

#4E2E3C · #F7C875 · #E28B5E

Floral Layers

Ideal for creating layered backgrounds or subtle graphic elements, providing depth and a coherent botanical feel.

#6A3C52 · #9E4A6F · #4E2E3C

Sunny Contrast

Use the lightest color as a background with the darkest as text, and a soft coral for accents, ensuring clarity and charm.

#F7C875 · #4E2E3C · #E28B5E

CSS variables

:root {
  --desert-wildflower-medley-1: #9E4A6F;
  --desert-wildflower-medley-2: #E28B5E;
  --desert-wildflower-medley-3: #F7C875;
  --desert-wildflower-medley-4: #6A3C52;
  --desert-wildflower-medley-5: #4E2E3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-wildflower-medley": {
        1: "#9E4A6F",
        2: "#E28B5E",
        3: "#F7C875",
        4: "#6A3C52",
        5: "#4E2E3C",
      }
    }
  }
}

Hex values

Color 1#9E4A6F

Color 2#E28B5E

Color 3#F7C875

Color 4#6A3C52

Color 5#4E2E3C

Accessibility

Contrast checker

2.2:1Fail

3.7:1AA18

1.5:1Fail

2.1:1Fail

2.2:1Fail

1.7:1Fail

3.4:1AA18

4.5:1AA

3.7:1AA18

1.7:1Fail

5.7:1AA

7.6:1AAA

1.5:1Fail

3.4:1AA18

5.7:1AA

1.3:1Fail

2.1:1Fail

4.5:1AA

7.6:1AAA

1.3:1Fail

Similar palettes

More like Desert Wildflower Medley

View all Warm

Desert Solstice Bloom