Back to palettes

Palette

Emerald Dragon Scale

A deep and lustrous gradient of greens, shimmering with the mystical intensity of dragon scales.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Dragon Scale 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 Emerald Dragon Scale.

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

Data visualization

#003300#005500#007700#009900#00BB00

Palette guide

How to use Emerald Dragon Scale

Overview

The Emerald Dragon Scale palette offers a deep and lustrous gradient of greens, shimmering with the mystical intensity of dragon scales. It ranges from the profound #003300, through the rich #005500, #007700, and #009900, culminating in the vibrant #00BB00. This monochromatic palette is exceptionally powerful and dramatic, perfect for designs that aim to convey mystery, fantasy, and raw natural power. It's an excellent choice for gaming interfaces, luxury branding with a mystical edge, or digital art seeking a dark, immersive, and sophisticated aesthetic with a strong emphasis on deep, rich emerald tones.

Best used for

  • Fantasy game branding and UI/UX
  • Luxury product packaging with a mystical theme
  • Dark mode interfaces for apps and websites
  • Digital art and illustration with mythical creatures
  • Event branding for fantasy conventions
  • High-end fashion or jewelry brands

Suggested color roles

primary

Use #003300 for dominant backgrounds, large graphical elements, or primary branding to establish a deep, mystical foundation.

secondary

Employ #005500 or #007700 for supporting graphics, subheadings, or interactive elements, adding depth and texture.

accent

Apply #00BB00 for subtle highlights, glowing effects, or delicate patterns to introduce vibrancy and a shimmering effect.

background

Utilize #003300 for a dark, immersive background that allows lighter greens to glow, or a very dark charcoal for contrast.

text

For body text, use a light grey or white. For headlines, #00BB00 or #009900 provides excellent readability on darker shades.

Accessibility notes

  • Ensure white or light grey text on #003300 or #005500 meets WCAG contrast standards.
  • Avoid using #009900 or #00BB00 for text on very light backgrounds; they are best for dark backgrounds.
  • The close shades of green may have low contrast when used for adjacent elements; use sufficient spacing.
  • Pair #003300 with #00BB00 for the strongest contrast within the palette, ideal for important information.

Recommended combinations

Deep Lore

Ideal for creating a profound, mysterious feel in branding, website hero sections, or fantasy-themed illustrations.

#003300 · #005500 · #007700

Shimmering Scales

Perfect for gradients, glowing effects, or interactive UI elements that need to convey lightness and vibrancy on a dark base.

#007700 · #009900 · #00BB00

Mystic Contrast

Use for impactful call-to-action buttons, key highlights, or sections that require a bold yet mystical visual statement.

#003300 · #00BB00 · #007700

CSS variables

:root {
  --emerald-dragon-scale-1: #003300;
  --emerald-dragon-scale-2: #005500;
  --emerald-dragon-scale-3: #007700;
  --emerald-dragon-scale-4: #009900;
  --emerald-dragon-scale-5: #00BB00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-dragon-scale": {
        1: "#003300",
        2: "#005500",
        3: "#007700",
        4: "#009900",
        5: "#00BB00",
      }
    }
  }
}

Related searches

emerald green gradientdragon scale colorsdark fantasy palettemystical green brandingmonochromatic emerald scheme

Palette colors

Hex values

Color 1#003300
·
Color 2#005500
·
Color 3#007700
·
Color 4#009900
·
Color 5#00BB00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.8:1AA18
5.5:1AA
2
1.6:1Fail
1.6:1Fail
2.4:1Fail
3.5:1AA18
3
2.5:1Fail
1.6:1Fail
1.5:1Fail
2.2:1Fail
4
3.8:1AA18
2.4:1Fail
1.5:1Fail
1.5:1Fail
5
5.5:1AA
3.5:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like Emerald Dragon Scale

View all dark
Enchanted Deep Wood
Enchanted Evergreen Depth
Enchanted Gloom Nook
Forest Canopy Seclusion
Forest Shroud
Mystic Forest Shroud