Back to palettes

Palette

Dragon's Fire Breath

Incandescent reds and shimmering golds capture the raw power and ancient magic of a dragon's fiery exhalation.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dragon's Fire Breath 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 Dragon's Fire Breath.

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

Data visualization

#B22222#FF8C00#FFFF00#800000#D2691E

Palette guide

How to use Dragon's Fire Breath

Overview

The "Dragon's Fire Breath" palette captures the raw power and ancient magic of a dragon's fiery exhalation with incandescent reds and shimmering golds. This intense collection features a bold firebrick red #B22222, a vibrant dark orange #FF8C00, a brilliant pure yellow #FFFF00, a deep maroon #800000, and a rich chocolate brown #D2691E. Designers can leverage these powerful hues to create dramatic and energetic experiences, perfect for branding, digital interfaces, or print materials that aim to evoke strength, fantasy, and a captivating sense of danger. It’s ideal for projects seeking a bold, mythical, and visually impactful appeal.

Best used for

  • Fantasy game branding or UI
  • Book cover design for epic fantasy novels
  • Event promotions for themed conventions
  • Heavy metal band album art
  • Packaging for spicy food products or energy drinks
  • Digital art and creature illustrations

Suggested color roles

primary

A bold firebrick red #B22222 that perfectly embodies fire and power. Ideal for main headings, calls-to-action, or key brand elements to command attention.

secondary

A vibrant dark orange #FF8C00 that represents the heart of the flame. Excellent for secondary sections, highlights, or interactive elements.

accent

A brilliant pure yellow #FFFF00 that simulates intense heat and glowing embers. Perfect for subtle highlights, small icons, or to create a fiery glow effect.

background

A deep maroon #800000 that provides a rich, dark, and brooding backdrop, allowing the fiery colors to burst forth dramatically.

text

A rich chocolate brown #D2691E that offers a grounded, earthy contrast and good readability against lighter backgrounds, suitable for subheadings or descriptive text. For text on #800000, a much lighter color like #FFFF00 or #FF8C00 would be needed.

Accessibility notes

  • #FFFF00 (yellow) text on #800000 (maroon) provides strong contrast for headings, but verify for body text.
  • #FF8C00 (dark orange) text on #800000 (maroon) will have low contrast; use for large display text only.
  • Avoid using #B22222 (firebrick red) text on #D2691E (chocolate brown) due to low contrast.
  • Ensure interactive elements have distinct hover/focus states, especially with such intense colors.

Recommended combinations

Fiery Inferno

High-impact branding, game interfaces, or digital art where fire and intense heat are central.

#B22222 · #FF8C00 · #FFFF00

Ancient Power

Backgrounds, subtle textures, or illustrations that evoke a sense of ancient, smoldering power.

#800000 · #D2691E · #B22222

Glowing Ember

UI highlights, warning signs, or graphic elements that need to simulate a radiant glow against darkness.

#FFFF00 · #FF8C00 · #800000

CSS variables

:root {
  --dragon-s-fire-breath-1: #B22222;
  --dragon-s-fire-breath-2: #FF8C00;
  --dragon-s-fire-breath-3: #FFFF00;
  --dragon-s-fire-breath-4: #800000;
  --dragon-s-fire-breath-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dragon-s-fire-breath": {
        1: "#B22222",
        2: "#FF8C00",
        3: "#FFFF00",
        4: "#800000",
        5: "#D2691E",
      }
    }
  }
}

Related searches

dragon fire color palettemythical intense redfantasy gold yellow designfiery power aestheticancient magic colors

Palette colors

Hex values

Color 1#B22222
·
Color 2#FF8C00
·
Color 3#FFFF00
·
Color 4#800000
·
Color 5#D2691E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
6.2:1AA
1.6:1Fail
1.8:1Fail
2
2.9:1Fail
2.2:1Fail
4.7:1AA
1.6:1Fail
3
6.2:1AA
2.2:1Fail
10.2:1AAA
3.4:1AA18
4
1.6:1Fail
4.7:1AA
10.2:1AAA
3:1AA18
5
1.8:1Fail
1.6:1Fail
3.4:1AA18
3:1AA18

Similar palettes

More like Dragon's Fire Breath

View all vibrant
Crimson Horizon
Magma Flow Horizon
Molten Rock Flow
Ruby Ember Forge
Volcanic Opal Blaze
Crimson Glacier Peaks