Palette

Mythic Scale Shine

Rich, shifting greens and muted highlights mirroring the majestic scales of a mythical dragon.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mythic Scale Shine 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 Mythic Scale Shine.

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

Data visualization

#3A4E3E#6B8B67#A3C9A0#D1E8CF#2E3E33

Palette guide

How to use Mythic Scale Shine

Overview

The 'Mythic Scale Shine' palette offers a rich and sophisticated spectrum of greens, mirroring the majestic, shifting scales of a mythical dragon. It features a profound dark green, #2E3E33, a deep forest green, #3A4E3E, and a balanced mid-tone, #6B8B67. Lighter, luminous shades like #A3C9A0 and #D1E8CF provide elegant highlights, suggesting a subtle, opulent shimmer. This palette is an invaluable asset for designers and developers aiming to evoke fantasy, luxury, and a connection to nature. It's ideal for creating elegant branding, immersive digital experiences, or sophisticated art that requires depth, subtlety, and a touch of ancient grandeur.

Best used for

Fantasy game art and UI design
Luxury eco-friendly product branding
Elegant web design for high-end services
Mystical or magical-themed app interfaces
Sophisticated interior design concepts
Environmental art and illustration

Suggested color roles

primary

Use #2E3E33 as the deep, grounding base for backgrounds or primary structural elements, setting a majestic tone.

secondary

Employ #3A4E3E for content blocks, navigation, or to add rich, supporting green layers.

accent

Apply #D1E8CF for luminous highlights, interactive elements, or delicate details that need a shimmering effect.

background

Excellent for dark, opulent themes using #2E3E33 or #3A4E3E, providing a sophisticated and immersive backdrop.

text

Light cream or off-white ensures excellent readability on #2E3E33 and #3A4E3E. For lighter backgrounds, a deep charcoal is suitable.

Accessibility notes

Ensure high contrast for light text on #2E3E33, #3A4E3E, and #6B8B67 for optimal readability.
Avoid using #D1E8CF for small text on #A3C9A0, as contrast may be insufficient.
When using lighter greens as text on a white background, verify sufficient contrast ratios (e.g., 4.5:1).
Consider larger font sizes or bolding for text elements on mid-tone greens to enhance legibility.

Recommended combinations

Deep Emerald

A strong, dark base with a rich green and a soft highlight for a sophisticated, natural look.

#2E3E33 · #3A4E3E · #A3C9A0

Shimmering Scale

Combine mid-to-light tones for a subtle, shimmering gradient effect, perfect for digital textures.

#6B8B67 · #A3C9A0 · #D1E8CF

Mystic Opulence

Pair the darkest shade with a mid-tone and the brightest highlight for a dramatic yet elegant contrast.

#2E3E33 · #6B8B67 · #D1E8CF

CSS variables

:root {
  --mythic-scale-shine-1: #3A4E3E;
  --mythic-scale-shine-2: #6B8B67;
  --mythic-scale-shine-3: #A3C9A0;
  --mythic-scale-shine-4: #D1E8CF;
  --mythic-scale-shine-5: #2E3E33;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mythic-scale-shine": {
        1: "#3A4E3E",
        2: "#6B8B67",
        3: "#A3C9A0",
        4: "#D1E8CF",
        5: "#2E3E33",
      }
    }
  }
}

Hex values

Color 1#3A4E3E

Color 2#6B8B67

Color 3#A3C9A0

Color 4#D1E8CF

Color 5#2E3E33

Accessibility

Contrast checker

2.4:1Fail

4.9:1AA

6.9:1AA

1.3:1Fail

2.4:1Fail

2.1:1Fail

2.9:1Fail

3:1Fail

4.9:1AA

2.1:1Fail

1.4:1Fail

6.2:1AA

6.9:1AA

2.9:1Fail

1.4:1Fail

8.7:1AAA

1.3:1Fail

3:1Fail

6.2:1AA

8.7:1AAA

Similar palettes

More like Mythic Scale Shine

View all dark

Mythic Beast Scales

Deep Emerald Canopy

Emerald Gemstone Cache

Emerald Vault

Midnight Orchid Allure

Midnight Velvet Glam