Palette

Sunbaked Desert Bloom

Vivid wildflowers bursting to life against the heat of a vibrant desert landscape.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E85A4F#F7A857#F0C79A#D87373#F2CD60

Palette guide

How to use Sunbaked Desert Bloom

Overview

The Sunbaked Desert Bloom palette is a vibrant and energetic collection, capturing the vivid hues of wildflowers bursting to life in a warm desert landscape. It features a lively red-orange #E85A4F, a bright, sunny orange #F7A857, and a cheerful yellow #F2CD60, all grounded by the soft, sandy #F0C79A. A slightly muted red, #D87373, adds depth without losing vibrancy. This palette is perfect for designers and developers looking to create dynamic, joyful, and inviting experiences that evoke the warmth and life of a blossoming desert, ideal for energetic brands and creative projects.

Best used for

Festival or event branding and marketing
Travel blogs focusing on desert destinations
Children's book illustrations or educational content
Vibrant event invitations and posters
Creative agency portfolios or websites
Summer fashion or lifestyle brands

Suggested color roles

primary

Utilize #E85A4F for energetic calls-to-action, prominent headlines, or impactful graphical elements, providing a bold focal point.

secondary

Employ #F7A857 for supporting content, subheadings, or secondary buttons, offering a bright and approachable warmth.

accent

Apply #F2CD60 for playful highlights, interactive elements, or decorative details, adding a cheerful, sun-drenched pop.

background

Use #F0C79A as a soft, sandy background color, ensuring excellent readability for darker text while maintaining a warm base.

text

A deep charcoal or black provides optimal contrast for body text and important information against the lighter backgrounds, enhancing legibility.

Accessibility notes

Ensure sufficient contrast for dark text on #F0C79A backgrounds.
Verify that interactive elements colored with #E85A4F or #F7A857 have adequate contrast against their surrounding elements.
Avoid using light-colored text directly on #D87373 or #E85A4F without checking contrast ratios.
Consider using a slightly darker shade for links or important information to ensure clear differentiation.

Recommended combinations

Vibrant Pop

Ideal for energetic headers or hero sections, creating a dynamic gradient with vivid warm colors.

#E85A4F · #F7A857 · #F2CD60

Desert Sunset

Excellent for content blocks that need a warm, inviting feel, combining a light background with a muted red and a sunny orange accent.

#F0C79A · #D87373 · #F7A857

Energetic Contrast

Use for UI components or product highlights that need to stand out with a lively yellow and bold red-orange against a soft background.

#F2CD60 · #E85A4F · #F0C79A

CSS variables

:root {
  --sunbaked-desert-bloom-1: #E85A4F;
  --sunbaked-desert-bloom-2: #F7A857;
  --sunbaked-desert-bloom-3: #F0C79A;
  --sunbaked-desert-bloom-4: #D87373;
  --sunbaked-desert-bloom-5: #F2CD60;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-desert-bloom": {
        1: "#E85A4F",
        2: "#F7A857",
        3: "#F0C79A",
        4: "#D87373",
        5: "#F2CD60",
      }
    }
  }
}

Hex values

Color 1#E85A4F

Color 2#F7A857

Color 3#F0C79A

Color 4#D87373

Color 5#F2CD60

Accessibility

Contrast checker

1.8:1Fail

2.2:1Fail

1.1:1Fail

2.3:1Fail

1.8:1Fail

1.2:1Fail

1.6:1Fail

1.3:1Fail

2.2:1Fail

1.2:1Fail

2:1Fail

1:1Fail

1.1:1Fail

1.6:1Fail

2:1Fail

2.1:1Fail

2.3:1Fail

1.3:1Fail

1:1Fail

2.1:1Fail

Similar palettes

More like Sunbaked Desert Bloom