Palette

Sunset Prairie Wildfire

A powerful and dramatic palette depicting the vibrant, burning hues of a prairie fire at dusk.

warmenergetic5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Prairie Wildfire 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 Sunset Prairie Wildfire.

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

Data visualization

#FF4500#FFA07A#6A0DAD#36454F#FFD700

Palette guide

How to use Sunset Prairie Wildfire

Overview

The 'Sunset Prairie Wildfire' palette is a dramatic and intense collection, capturing the raw power of a prairie fire at dusk. It features the vibrant, fiery orange of #FF4500 and the softer #FFA07A, balanced by the unexpected depth of the mysterious violet #6A0DAD. The grounding dark charcoal #36454F provides a sophisticated backdrop, while a crucial touch of golden #FFD700 mimics embers or distant light. This palette is designed for projects that demand attention and convey a sense of energy, drama, and natural force, making it highly impactful for bold visual statements.

Best used for

High-energy sports and adventure branding
Impactful event promotions and marketing
Gaming interfaces and dramatic digital experiences
Film titles and theatrical posters
Environmental awareness campaigns (with caution)
Bold artistic and photographic statements

Suggested color roles

primary

Use #FF4500 for intense calls to action, prominent headlines, or to signify critical brand elements requiring immediate attention.

secondary

Employ #36454F as a sophisticated, grounding charcoal for backgrounds, main body text, or strong structural elements.

accent

Apply #6A0DAD for a dramatic, unexpected contrast, or #FFD700 for bright highlights and a radiant glow effect.

background

Utilize #36454F for a dramatic, dark base that allows the fiery oranges and gold to pop. For a lighter alternative, a very light gray works well.

text

Pair white or a very light gray with dark backgrounds like #36454F or #6A0DAD. For text on light backgrounds, #36454F provides excellent readability.

Accessibility notes

#FF4500, #FFA07A, and #FFD700 will generally require dark text (e.g., #36454F) on light backgrounds or white text on dark backgrounds for readability.
Text on #6A0DAD should ideally be white or #FFD700 for strong, accessible contrast.
#36454F is an excellent choice for body text against light backgrounds, ensuring good readability.
Avoid using #FFA07A text on #FFD700 or vice-versa, as the low contrast will hinder readability.

Recommended combinations

Fiery Dusk

Creates an intense yet grounded feel, perfect for impactful headers, banners, or calls to action.

#FF4500 · #FFA07A · #36454F

Night Embers

Offers a dramatic and sophisticated contrast, ideal for unique branding elements or mood-setting visuals.

#6A0DAD · #FFD700 · #36454F

Intense Contrast

Provides a high-impact combination for bold graphics or designs that aim to shock and engage.

#FF4500 · #6A0DAD · #36454F

CSS variables

:root {
  --sunset-prairie-wildfire-1: #FF4500;
  --sunset-prairie-wildfire-2: #FFA07A;
  --sunset-prairie-wildfire-3: #6A0DAD;
  --sunset-prairie-wildfire-4: #36454F;
  --sunset-prairie-wildfire-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-prairie-wildfire": {
        1: "#FF4500",
        2: "#FFA07A",
        3: "#6A0DAD",
        4: "#36454F",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#FF4500

Color 2#FFA07A

Color 3#6A0DAD

Color 4#36454F

Color 5#FFD700

Accessibility

Contrast checker

1.7:1Fail

2.7:1Fail

2.9:1Fail

2.5:1Fail

1.7:1Fail

4.6:1AA

5:1AA

1.4:1Fail

2.7:1Fail

4.6:1AA

1.1:1Fail

6.6:1AA

2.9:1Fail

5:1AA

1.1:1Fail

7.1:1AAA

2.5:1Fail

1.4:1Fail

6.6:1AA

7.1:1AAA

Similar palettes

More like Sunset Prairie Wildfire

View all warm

Erupting Volcanic Heat