Palette

Sun-Kissed Desert Bloom

Inspired by resilient blossoms bathed in the golden light of a vast desert landscape.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0E68C#FFD700#FFA07A#FF6347#8B4513

Palette guide

How to use Sun-Kissed Desert Bloom

Overview

The Sun-Kissed Desert Bloom palette is inspired by resilient blossoms bathed in the golden light of a vast desert landscape. It features a harmonious blend of warm yellows and fiery oranges, including the soft `#F0E68C`, the radiant `#FFD700`, and the inviting `#FFA07A`, alongside the striking `#FF6347` and the deep `#8B4513`. This palette is perfect for designers and developers aiming to evoke natural beauty, warmth, and a touch of organic vibrance. Its earthy yet luminous tones are ideal for projects that celebrate nature, sustainability, or the enduring spirit of the desert, creating designs that feel both grounded and uplifting.

Best used for

Nature and eco-friendly brand identities
Gardening and botanical website designs
Desert-themed photography and travel blogs
Packaging for organic or natural beauty products
Spring/summer fashion and lifestyle promotions
UI designs for wellness or outdoor activity apps

Suggested color roles

primary

Use `#FF6347` as a vibrant, energetic primary for main calls-to-action, headlines, and key visual elements to capture attention.

secondary

Employ `#FFA07A` for supporting content, subheadings, or as a warm background for sections, offering a softer, inviting glow.

accent

Apply `#FFD700` for bright highlights, interactive states, or decorative flourishes, adding a luminous, sun-kissed pop.

background

The soft yellow of `#F0E68C` provides a gentle, warm base for content areas, ensuring readability and a pleasant user experience.

text

For optimal readability, `#8B4513` is ideal for body text and crucial labels, providing a deep, grounding contrast against lighter colors.

Accessibility notes

Ensure high contrast when using the lighter yellows (`#F0E68C`, `#FFD700`) for backgrounds; text should be a very dark color like `#8B4513`.
Avoid placing `#F0E68C` text directly on `#FFD700` as the contrast may be insufficient for WCAG AA standards.
Interactive elements (e.g., buttons with `#FF6347`) must have clear focus states and highly contrasting text, such as white or `#8B4513`.
The darkest color, `#8B4513`, is recommended for primary body text to ensure maximum readability across various screen types.

Recommended combinations

Bloom & Earth

A soft yellow background with a vibrant primary action color and a deep, grounding text color for contrast.

#F0E68C · #FF6347 · #8B4513

Golden Sunset

A warm orange base complemented by a radiant yellow and a fiery red, ideal for dynamic visual gradients.

#FFA07A · #FFD700 · #FF6347

Desert Highlight

A deep, earthy background paired with a light yellow accent and a warm orange for secondary elements.

#8B4513 · #F0E68C · #FFA07A

CSS variables

:root {
  --sun-kissed-desert-bloom-1: #F0E68C;
  --sun-kissed-desert-bloom-2: #FFD700;
  --sun-kissed-desert-bloom-3: #FFA07A;
  --sun-kissed-desert-bloom-4: #FF6347;
  --sun-kissed-desert-bloom-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-desert-bloom": {
        1: "#F0E68C",
        2: "#FFD700",
        3: "#FFA07A",
        4: "#FF6347",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#F0E68C

Color 2#FFD700

Color 3#FFA07A

Color 4#FF6347

Color 5#8B4513

Accessibility

Contrast checker

1.1:1Fail

1.6:1Fail

2.3:1Fail

5.5:1AA

1.1:1Fail

1.4:1Fail

2.1:1Fail

5.1:1AA

1.6:1Fail

1.4:1Fail

1.5:1Fail

3.6:1AA18

2.3:1Fail

2.1:1Fail

1.5:1Fail

2.4:1Fail

5.5:1AA

5.1:1AA

3.6:1AA18

2.4:1Fail

Similar palettes

More like Sun-Kissed Desert Bloom

Bohemian Desert Bloom

Canyon Dawn Blush