Back to palettes

Palette

Volcanic Wyrm Glow

Intense reds and fiery oranges, reminiscent of the iridescent, heat-shimmering scales of a mythical dragon.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Volcanic Wyrm Glow 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 Volcanic Wyrm Glow.

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

Data visualization

#6A0000#B20000#FF0000#FF7B00#FFC000

Palette guide

How to use Volcanic Wyrm Glow

Overview

The Volcanic Wyrm Glow palette ignites designs with its intense, energetic array of reds, oranges, and yellows. Featuring a gradient from deep #6A0000 and bold #B20000 to the striking #FF0000, then transitioning to fiery #FF7B00 and bright #FFC000, this collection is pure power. It's designed to evoke the iridescent scales of a mythical dragon or the searing heat of molten lava, making it perfect for projects that demand a vibrant, dramatic, and unforgettable visual impact. Designers and developers will find this palette ideal for conveying strength, passion, and excitement.

Best used for

  • Fantasy game art and UI
  • Energetic brand identities
  • Sports team branding
  • Warning and alert systems
  • Children's book illustrations (dragon themes)
  • High-impact marketing campaigns

Suggested color roles

primary

Establish #FF0000 as the dominant, attention-grabbing color for hero elements and key calls-to-action.

secondary

Use #B20000 for supporting sections or backgrounds that require a deep, strong red presence.

accent

Apply #FFC000 for bright highlights, small icons, or to simulate a glowing effect, adding dynamic energy.

background

Utilize #6A0000 as a deep, rich background to provide a strong foundation and make brighter colors pop.

text

For maximum readability, use white or a very light yellow like #FFC000 for text on the darker reds, or black on #FFC000.

Accessibility notes

  • Be mindful of contrast between the vibrant reds and oranges, especially for users with color vision deficiencies.
  • Ensure that text placed on #FF0000 or #FF7B00 has sufficient luminance contrast (e.g., white text).
  • Avoid using #B20000 or #6A0000 for small text on similarly dark backgrounds.
  • Provide alternative visual cues for critical information that relies solely on red or orange hues.

Recommended combinations

Molten Fire

Creates a powerful, glowing effect, perfect for depicting heat, light sources, or energetic elements.

#FF0000 · #FF7B00 · #FFC000

Dragon Scale

Offers a rich, layered red gradient suitable for backgrounds, textures, or strong brand statements.

#6A0000 · #B20000 · #FF0000

Fiery Warning

Excellent for alerts, important notifications, or to draw immediate attention with high contrast.

#B20000 · #FF7B00 · #FFC000

CSS variables

:root {
  --volcanic-wyrm-glow-1: #6A0000;
  --volcanic-wyrm-glow-2: #B20000;
  --volcanic-wyrm-glow-3: #FF0000;
  --volcanic-wyrm-glow-4: #FF7B00;
  --volcanic-wyrm-glow-5: #FFC000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "volcanic-wyrm-glow": {
        1: "#6A0000",
        2: "#B20000",
        3: "#FF0000",
        4: "#FF7B00",
        5: "#FFC000",
      }
    }
  }
}

Related searches

dragon fire colorsvibrant red orangemolten glow paletteenergetic fantasy themebold warning colors

Palette colors

Hex values

Color 1#6A0000
·
Color 2#B20000
·
Color 3#FF0000
·
Color 4#FF7B00
·
Color 5#FFC000
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
5:1AA
7.9:1AAA
2
1.8:1Fail
1.8:1Fail
2.8:1Fail
4.4:1AA18
3
3.3:1AA18
1.8:1Fail
1.5:1Fail
2.4:1Fail
4
5:1AA
2.8:1Fail
1.5:1Fail
1.6:1Fail
5
7.9:1AAA
4.4:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Volcanic Wyrm Glow

View all vibrant
Fiery Dragon Scales
Fiery Sunset Peaks
Fire Opal Flicker
Horizon Inferno Sky
Inferno Dragon Breath
Solar Flare Burst