Back to palettes

Palette

Solar Flare Burst

A fiery spectrum of oranges and reds explodes like a solar event, full of raw energy and radiant warmth.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Solar Flare 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 Solar Flare Burst.

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

Data visualization

#F23D3D#FF7F50#FFC300#FFEC8B#FFFFFF

Palette guide

How to use Solar Flare Burst

Overview

The "Solar Flare Burst" palette radiates intense energy, capturing the sun's fiery spectrum with vibrant reds, oranges, and bright yellows, culminating in pure white. This energetic collection features the striking #F23D3D (red), the warm #FFC300 (golden yellow), and the crisp #FFFFFF (white), offering designers and developers a powerful tool for dynamic and bright projects. It's ideal for creating designs that are both lively and clear, ensuring a strong visual presence across digital and print mediums. The inclusion of pure white provides essential contrast and freshness.

Best used for

  • Summer-themed campaigns and promotions
  • Energetic branding for youth-oriented products
  • Digital advertisements requiring high visibility
  • Children's educational content and interfaces
  • Event promotion and vibrant festival branding
  • Modern web interfaces with a lively aesthetic

Suggested color roles

primary

Use #F23D3D for bold statements, primary calls to action, or dominant graphical elements that demand attention.

secondary

Apply #FF7F50 for supporting content, subheadings, or secondary interactive elements, providing a warm transition.

accent

Leverage #FFEC8B or #FFFFFF for brilliant highlights, interactive states, or delicate decorative elements.

background

The pure #FFFFFF provides a clean, bright canvas. Alternatively, a deep neutral can make the vibrant colors pop more intensely.

text

For #FFFFFF or #FFEC8B backgrounds, use dark charcoal or black text. White text works effectively on #F23D3D and #FF7F50.

Accessibility notes

  • Ensure dark text (black/charcoal) on #FFEC8B and #FFFFFF has sufficient contrast for readability.
  • White text on #F23D3D and #FF7F50 generally provides good contrast, but verify for smaller font sizes.
  • Avoid using #FFEC8B text on #FFC300 backgrounds due to potential low contrast.
  • The high contrast between the reds/oranges and white makes this palette generally accessible for main text.

Recommended combinations

Bright Core

Creates a striking, clean contrast, ideal for bold headers or attention-grabbing calls to action.

#F23D3D · #FFC300 · #FFFFFF

Warm Glow

Offers a soft, radiant gradient, suitable for cheerful backgrounds or subtle decorative elements.

#FF7F50 · #FFC300 · #FFEC8B

Energetic Pop

Provides a vibrant pop with a crisp backdrop, excellent for highlighting key information or interactive components.

#FFC300 · #F23D3D · #FFFFFF

CSS variables

:root {
  --solar-flare-burst-4-1: #F23D3D;
  --solar-flare-burst-4-2: #FF7F50;
  --solar-flare-burst-4-3: #FFC300;
  --solar-flare-burst-4-4: #FFEC8B;
  --solar-flare-burst-4-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "solar-flare-burst-4": {
        1: "#F23D3D",
        2: "#FF7F50",
        3: "#FFC300",
        4: "#FFEC8B",
        5: "#FFFFFF",
      }
    }
  }
}

Related searches

red orange yellow white palettebright energetic colorssolar theme web designsummer color schemevibrant branding

Palette colors

Hex values

Color 1#F23D3D
·
Color 2#FF7F50
·
Color 3#FFC300
·
Color 4#FFEC8B
·
Color 5#FFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.2:1AA18
3.8:1AA18
2
1.5:1Fail
1.6:1Fail
2.1:1Fail
2.5:1Fail
3
2.4:1Fail
1.6:1Fail
1.3:1Fail
1.6:1Fail
4
3.2:1AA18
2.1:1Fail
1.3:1Fail
1.2:1Fail
5
3.8:1AA18
2.5:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Solar Flare Burst

View all vibrant
Solar Flare Bright
Solar Flare Burst
Solar Flare Burst
Citrus Grove Delight
Citrus Zest
Citrus Zest Burst