Back to palettes

Palette

Dragon Scales Gleam

Rich, opulent purples and pinks shimmering like mythical dragon scales under a magical light.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4A1D54#8E3071#C74E90#EC88C0#B072B5

Palette guide

How to use Dragon Scales Gleam

Overview

The Dragon Scales Gleam palette offers a rich, opulent blend of purples and pinks, evoking a majestic and magical aesthetic. With deep, luxurious shades like #4A1D54 and #8E3071, it provides a strong, elegant foundation. The vibrant #C74E90 and shimmering #EC88C0 introduce bright, jewel-like accents, while #B072B5 offers a balanced, mid-tone purple. This palette is perfect for designers and developers looking to create sophisticated, eye-catching interfaces that convey luxury, fantasy, or creativity. Its harmonious blend ensures versatility for both bold statements and delicate details in digital and print media.

Best used for

  • Luxury fashion or beauty brand websites
  • Fantasy game UI or character design
  • Event branding for upscale galas or parties
  • Creative portfolio websites
  • E-commerce platforms for unique products
  • Digital art and illustration

Suggested color roles

primary

Establish a regal foundation with #4A1D54 (Deep Plum) for main backgrounds, navigation, or footer sections.

secondary

Utilize #8E3071 (Rich Berry) for secondary content blocks, panel headers, or key informational sections, adding depth.

accent

Draw attention to call-to-action buttons, interactive elements, or highlights with #C74E90 (Vibrant Fuchsia), offering a powerful pop.

background

Apply #B072B5 (Soft Lavender) for lighter content areas, subtle gradients, or as a complementary background, providing balance.

text

Use a light color like #EC88C0 (Pale Pink) or white for headings on darker shades, and a deep charcoal or #4A1D54 for body text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for #EC88C0 text on #B072B5 or #C74E90, as these pairs can be low contrast.
  • White or very light text provides excellent readability on #4A1D54 and #8E3071.
  • Avoid using #B072B5 text on #C74E90 for critical information due to potential readability issues.
  • For body text, use a dark color like #4A1D54 against #B072B5 or #EC88C0.

Recommended combinations

Regal Depth

Perfect for sophisticated headers, splash screens, or main hero sections demanding an elegant and bold presence.

#4A1D54 · #8E3071 · #C74E90

Magical Glow

Ideal for backgrounds, subtle UI elements, or accenting illustrations with a soft, ethereal quality.

#B072B5 · #EC88C0 · #8E3071

Vibrant Statement

Use for prominent call-to-actions, alerts, or interactive components that need to stand out with energy.

#C74E90 · #4A1D54 · #EC88C0

CSS variables

:root {
  --dragon-scales-gleam-1: #4A1D54;
  --dragon-scales-gleam-2: #8E3071;
  --dragon-scales-gleam-3: #C74E90;
  --dragon-scales-gleam-4: #EC88C0;
  --dragon-scales-gleam-5: #B072B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dragon-scales-gleam": {
        1: "#4A1D54",
        2: "#8E3071",
        3: "#C74E90",
        4: "#EC88C0",
        5: "#B072B5",
      }
    }
  }
}

Related searches

purple pink jewel tone palettemajestic fantasy colorselegant fuchsia plumluxury UI color schemeshimmering violet design

Palette colors

Hex values

Color 1#4A1D54
·
Color 2#8E3071
·
Color 3#C74E90
·
Color 4#EC88C0
·
Color 5#B072B5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
5.5:1AA
3.7:1AA18
2
1.8:1Fail
1.8:1Fail
3.1:1AA18
2.1:1Fail
3
3.1:1AA18
1.8:1Fail
1.8:1Fail
1.2:1Fail
4
5.5:1AA
3.1:1AA18
1.8:1Fail
1.5:1Fail
5
3.7:1AA18
2.1:1Fail
1.2:1Fail
1.5:1Fail

Similar palettes

More like Dragon Scales Gleam

View all vibrant
Celestial Opal Glow
Celestial Orchid Glow
Cosmic Jellyfish Dance
Enchanted Rose Garden
Jewel Box Enchantment
Jewel Box Radiance