Back to palettes

Palette

Dragon Scales Shimmer

A fierce combination of deep reds, oranges, and burnt golds, reflecting the metallic gleam of dragon scales.

darkenergetic5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dragon Scales Shimmer 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 Scales Shimmer.

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

Data visualization

#4B0C11#9F252C#D1563E#F8A15C#8C582B

Palette guide

How to use Dragon Scales Shimmer

Overview

The Dragon Scales Shimmer palette ignites designs with a fierce combination of deep reds, oranges, and burnt golds. Featuring the intense #4B0C11 and vibrant #9F252C, it provides a powerful, energetic foundation. The fiery #D1563E and glowing #F8A15C introduce warm, metallic gleam, while #8C582B grounds the palette with an earthy, rich brown. This collection is perfect for designers and developers aiming to create bold, dynamic interfaces that evoke strength, adventure, and warmth. Its dramatic flair makes it ideal for themes requiring a mythical, luxurious, or energetic visual impact across digital and print platforms.

Best used for

  • Fantasy adventure game UI or marketing
  • Bold branding for energetic products
  • E-commerce sites for artisan goods
  • Food and beverage packaging (spicy, rich)
  • Event promotions with a dramatic theme
  • Websites requiring a strong, warm aesthetic

Suggested color roles

primary

Establish a dominant, fiery presence with #4B0C11 (Deep Maroon) for main backgrounds, headers, or robust UI elements.

secondary

Utilize #8C582B (Burnt Umber) for secondary content blocks, navigation bars, or as a rich, earthy complement.

accent

Draw immediate attention to call-to-action buttons, alerts, or key features with #D1563E (Terra Cotta), offering a warm, bold pop.

background

Apply #9F252C (Crimson Red) for impactful background sections or large panels, creating a sense of drama and energy.

text

Pair a light text like #F8A15C (Goldenrod) or white against #4B0C11 or #9F252C for headings, and a very dark charcoal for body text on lighter backgrounds.

Accessibility notes

  • Ensure high contrast when using #F8A15C text on #D1563E or #8C582B, as these combinations can be problematic.
  • White or very light gray text offers excellent readability on #4B0C11 and #9F252C.
  • Avoid using #8C582B text on #D1563E for crucial information due to potential low contrast.
  • For body text, use a very dark color (e.g., black or #4B0C11) against #F8A15C.

Recommended combinations

Fiery Core

Perfect for strong headers, hero sections, or impactful graphics that demand attention and energy.

#4B0C11 · #9F252C · #D1563E

Molten Gold

Ideal for rich backgrounds, decorative elements, or highlighting content with a warm, luxurious glow.

#8C582B · #F8A15C · #D1563E

Bold Contrast

Use for prominent call-to-actions, alerts, or interactive components where clear visibility is paramount.

#9F252C · #F8A15C · #4B0C11

CSS variables

:root {
  --dragon-scales-shimmer-1: #4B0C11;
  --dragon-scales-shimmer-2: #9F252C;
  --dragon-scales-shimmer-3: #D1563E;
  --dragon-scales-shimmer-4: #F8A15C;
  --dragon-scales-shimmer-5: #8C582B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dragon-scales-shimmer": {
        1: "#4B0C11",
        2: "#9F252C",
        3: "#D1563E",
        4: "#F8A15C",
        5: "#8C582B",
      }
    }
  }
}

Related searches

fiery red orange palettemythical warm colorsbold dragon thememetallic red gold designenergetic ui colors

Palette colors

Hex values

Color 1#4B0C11
·
Color 2#9F252C
·
Color 3#D1563E
·
Color 4#F8A15C
·
Color 5#8C582B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.8:1AA18
7.5:1AAA
2.6:1Fail
2
2:1Fail
1.8:1Fail
3.7:1AA18
1.3:1Fail
3
3.8:1AA18
1.8:1Fail
2:1Fail
1.4:1Fail
4
7.5:1AAA
3.7:1AA18
2:1Fail
2.9:1Fail
5
2.6:1Fail
1.3:1Fail
1.4:1Fail
2.9:1Fail

Similar palettes

More like Dragon Scales Shimmer

View all dark
Cybernetic Cityscape
Cyberpunk Neon Grid
Volcanic Rock Ember
Carnival Midnight Sky
Cyberpunk Cityscape
Cyberpunk Metropolis