Back to palettes

Palette

Celestial Pyro Burst

A scorching collection of deep reds, oranges, and golds, reflecting the explosive power of a distant celestial blaze.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Celestial Pyro Burst 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 Celestial Pyro Burst.

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

Data visualization

#FF4500#FF8C00#FFD700#B22222#8B0000

Palette guide

How to use Celestial Pyro Burst

Overview

The "Celestial Pyro Burst" palette is a scorching collection of deep reds, oranges, and golds, reflecting the explosive power of a distant celestial blaze. Featuring the intense #FF4500 (OrangeRed), the fiery #FF8C00 (DarkOrange), and the brilliant #FFD700 (Gold), it transitions into the rich, grounding reds of #B22222 (FireBrick) and #8B0000 (DarkRed). This vibrant and energetic palette is perfect for designs that need to convey excitement, warmth, and strong impact. Designers can harness its intensity for dynamic branding or captivating visuals, while developers can use it for impactful UI elements that demand immediate attention.

Best used for

  • Action-oriented game themes
  • High-energy sports branding
  • Food and beverage packaging (spicy/warm)
  • Event promotions and alerts
  • Automotive or industrial design
  • Website call-to-action buttons

Suggested color roles

primary

#8B0000 - A deep, powerful base, excellent for backgrounds, headers, or robust branding elements.

secondary

#B22222 - Use for supporting sections, darker text areas, or to add rich red depth.

accent

#FF4500 - A vibrant, eye-catching choice for call-to-action buttons, warnings, or energetic highlights.

background

#8B0000 - Provides a strong, dark red canvas, making the brighter oranges and golds pop with intensity.

text

#FFD700 - Ideal for headlines or short, impactful text on the darker red backgrounds, offering excellent visibility. For body text, a crisp white like #FFFFFF would be best for readability.

Accessibility notes

  • Text in #FFD700 on #8B0000 provides good contrast for headings and key information.
  • Avoid using #FF8C00 or #FF4500 for large blocks of body text, as their brightness can cause strain.
  • Ensure sufficient contrast for #FF4500 text on #B22222, as some users might find it challenging.
  • Use a contrast checker to confirm WCAG AA compliance for all color pairings, especially for interactive elements.

Recommended combinations

Explosive Energy

Creates a high-impact, energetic look, ideal for alerts, action buttons, or dramatic visuals.

#8B0000 · #FF4500 · #FFD700

Fiery Gradient

Perfect for smooth, dynamic gradients that convey heat and intensity in backgrounds or banners.

#B22222 · #FF8C00 · #FFD700

Deep Inferno

Use for layered designs or to add depth to illustrations with a strong, warm presence.

#8B0000 · #B22222 · #FF4500

CSS variables

:root {
  --celestial-pyro-burst-1: #FF4500;
  --celestial-pyro-burst-2: #FF8C00;
  --celestial-pyro-burst-3: #FFD700;
  --celestial-pyro-burst-4: #B22222;
  --celestial-pyro-burst-5: #8B0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "celestial-pyro-burst": {
        1: "#FF4500",
        2: "#FF8C00",
        3: "#FFD700",
        4: "#B22222",
        5: "#8B0000",
      }
    }
  }
}

Related searches

fiery red orange palettecelestial explosion colorswarm vibrant energetic huesgold and red designpyro burst color scheme

Palette colors

Hex values

Color 1#FF4500
·
Color 2#FF8C00
·
Color 3#FFD700
·
Color 4#B22222
·
Color 5#8B0000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
1.9:1Fail
2.9:1Fail
2
1.5:1Fail
1.7:1Fail
2.9:1Fail
4.3:1AA18
3
2.5:1Fail
1.7:1Fail
4.8:1AA
7.1:1AAA
4
1.9:1Fail
2.9:1Fail
4.8:1AA
1.5:1Fail
5
2.9:1Fail
4.3:1AA18
7.1:1AAA
1.5:1Fail

Similar palettes

More like Celestial Pyro Burst

View all vibrant
Fiery Sunset Chroma
Fire Opal Flicker
Galactic Dream Swirl
Helios Blaze Intensity
Nebula Cosmic Cloud
Spiced Market Cascade