Palette

Desert Sunbloom Dust

Sun-baked oranges and golds capturing the resilient beauty of desert flowers dusted in sunlight.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Sunbloom Dust 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 Sunbloom Dust.

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

Data visualization

#F2C178#E79B51#D8712C#C2560E#A93E00

Palette guide

How to use Desert Sunbloom Dust

Overview

The Desert Sunbloom Dust palette captures the resilient beauty of desert flowers dusted in sunlight, offering a vibrant range of sun-baked oranges and golds. From the deep, burnt #A93E00 to the bright, dusty #F2C178, including rich tones like #C2560E, #D8712C, and #E79B51, this palette exudes natural warmth and energy. It's an excellent choice for designers and developers aiming to convey a sense of rugged natural beauty, autumnal richness, or a vibrant, earthy aesthetic. The harmonious progression of these warm hues makes it ideal for creating dynamic and inviting designs in both digital and print media, reflecting a timeless, sun-kissed charm.

Best used for

Autumnal seasonal campaigns
Rustic kitchenware branding
Craft beer and artisan food packaging
Outdoor adventure and exploration themes
Vibrant natural product lines
Warm and inviting digital interfaces

Suggested color roles

primary

Utilize #A93E00 for foundational elements like primary navigation, footers, or bold headlines, establishing a deep, robust anchor.

secondary

Employ #C2560E for supporting roles such as subheadings, secondary buttons, or background sections, offering a rich, warm orange.

accent

Introduce #F2C178 as a bright, dusty gold accent for calls to action, highlights, or key interactive elements, adding a lively spark.

background

Apply #E79B51 for background sections that require warmth and depth, ensuring text has high contrast.

text

For optimal readability, use #A93E00 or a deep brown/charcoal against lighter backgrounds like #F2C178 or #E79B51.

Accessibility notes

Ensure very high contrast for text on #F2C178 and #E79B51; dark text is almost always required.
Avoid placing light-colored text on any of the orange hues (#D8712C, #C2560E) to prevent severe readability issues.
Verify that interactive elements have sufficient contrast against their backgrounds, particularly for users with low vision.
Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements within this vibrant, warm palette.

Recommended combinations

Burnt & Dusty

Excellent for a bold primary color on a light, dusty background with a rich secondary, ideal for impactful branding.

#A93E00 · #F2C178 · #C2560E

Sun-Kissed Layers

Perfect for creating gradients or layered backgrounds that evoke a radiant, warm, sun-baked effect.

#E79B51 · #D8712C · #A93E00

Bloom Highlight

Use the brightest gold as an accent against deeper oranges for eye-catching banners or feature highlights.

#F2C178 · #C2560E · #A93E00

CSS variables

:root {
  --desert-sunbloom-dust-1: #F2C178;
  --desert-sunbloom-dust-2: #E79B51;
  --desert-sunbloom-dust-3: #D8712C;
  --desert-sunbloom-dust-4: #C2560E;
  --desert-sunbloom-dust-5: #A93E00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sunbloom-dust": {
        1: "#F2C178",
        2: "#E79B51",
        3: "#D8712C",
        4: "#C2560E",
        5: "#A93E00",
      }
    }
  }
}

Hex values

Color 1#F2C178

Color 2#E79B51

Color 3#D8712C

Color 4#C2560E

Color 5#A93E00

Accessibility

Contrast checker

1.4:1Fail

2:1Fail

2.7:1Fail

3.8:1AA18

1.4:1Fail

1.5:1Fail

2:1Fail

2.7:1Fail

2:1Fail

1.5:1Fail

1.4:1Fail

1.9:1Fail

2.7:1Fail

2:1Fail

1.4:1Fail

3.8:1AA18

2.7:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Desert Sunbloom Dust

Desert Sunbloom Dust

See it in context.

Ready when you are.

Built with Desert Sunbloom Dust.

How to use Desert Sunbloom Dust

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Burnt & Dusty

Sun-Kissed Layers

Bloom Highlight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Desert Sunbloom Dust