Palette

Desert Fire Dance

Fiery oranges and deep reds evoke the intense heat and vibrant spirit of a desert sunset.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Fire Dance 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 Fire Dance.

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

Data visualization

#BF6E54#D9976D#F4C690#C94528#7D3D2B

Palette guide

How to use Desert Fire Dance

Overview

The Desert Fire Dance palette evokes the intense heat and vibrant spirit of a desert sunset, with fiery oranges and deep reds. This energetic collection features the bright #D9976D (Warm Orange) and #BF6E54 (Muted Orange-Brown), balanced by the powerful #C94528 (Fiery Red-Orange) and #7D3D2B (Dark Reddish-Brown). The airy #F4C690 (Light Peach-Orange) provides a touch of fading light, offering visual relief. This palette is ideal for designs aiming for an energetic, warm, and bold aesthetic, perfect for branding, web interfaces, or artistic projects that require a sense of dynamism, warmth, and untamed natural beauty.

Best used for

Outdoor sports and adventure branding
Cultural festival marketing materials
Spicy food product packaging
Websites for dynamic or creative services
Interior design accents for vibrant spaces
Abstract art and digital illustrations

Suggested color roles

primary

#D9976D (Warm Orange) - A vibrant and inviting primary color, excellent for main content areas, headers, or prominent brand elements.

secondary

#BF6E54 (Muted Orange-Brown) - A complementary tone that adds warmth and earthy subtlety, ideal for supporting information or backgrounds.

accent

#C94528 (Fiery Red-Orange) - A powerful, intense accent that adds drama and draws attention, excellent for calls-to-action or key highlights.

background

#F4C690 (Light Peach-Orange) - The lightest color, providing a soft, warm, and airy background that evokes the fading light of a fiery sunset.

text

#7D3D2B (Dark Reddish-Brown) - A deep, grounding reddish-brown that offers excellent readability and a sophisticated, passionate feel for typography.

Accessibility notes

Ensure #7D3D2B text has excellent contrast against #F4C690 and #D9976D backgrounds for readability.
The accent color #C94528 offers good contrast on #F4C690 but may need larger text sizes on #D9976D for optimal legibility.
Avoid using #BF6E54 for small text on #D9976D due to similar luminance values.
For interactive elements, maintain clear contrast, especially with the vibrant orange tones to ensure visibility.

Recommended combinations

Fire Dance Glow

Creates a luminous, warm gradient effect, ideal for backgrounds or visual elements representing radiating heat and light.

#F4C690 · #D9976D · #C94528

Desert Ember

A strong, grounded combination, perfect for headers, footers, or content blocks needing significant visual weight and warmth.

#7D3D2B · #BF6E54 · #D9976D

Vibrant Contrast

Provides a light base with a strong, fiery accent and deep text, suitable for highlighting key information with energy.

#F4C690 · #C94528 · #7D3D2B

CSS variables

:root {
  --desert-fire-dance-1: #BF6E54;
  --desert-fire-dance-2: #D9976D;
  --desert-fire-dance-3: #F4C690;
  --desert-fire-dance-4: #C94528;
  --desert-fire-dance-5: #7D3D2B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-fire-dance": {
        1: "#BF6E54",
        2: "#D9976D",
        3: "#F4C690",
        4: "#C94528",
        5: "#7D3D2B",
      }
    }
  }
}

Hex values

Color 1#BF6E54

Color 2#D9976D

Color 3#F4C690

Color 4#C94528

Color 5#7D3D2B

Accessibility

Contrast checker

1.5:1Fail

2.4:1Fail

1.3:1Fail

2.2:1Fail

1.5:1Fail

1.6:1Fail

2:1Fail

3.3:1AA18

2.4:1Fail

1.6:1Fail

3.1:1AA18

5.2:1AA

1.3:1Fail

2:1Fail

3.1:1AA18

1.7:1Fail

2.2:1Fail

3.3:1AA18

5.2:1AA

1.7:1Fail

Similar palettes

More like Desert Fire Dance