Back to palettes

Palette

Emerald Velvet Glow

A luxurious collection of deep, saturated hues inspired by precious gemstones and velvet textures.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Velvet Glow 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 Velvet Glow.

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

Data visualization

#006400#daa520#8b0000#000080#6a0dad

Palette guide

How to use Emerald Velvet Glow

Overview

The Emerald Velvet Glow palette is a bold and opulent collection, combining deep emerald green #006400 with luxurious jewel tones like golden yellow #daa520, rich maroon #8b0000, profound navy #000080, and deep purple #6a0dad. This collection evokes a sense of regal sophistication and dramatic elegance, perfect for high-impact designs. It's ideal for designers looking to create visually rich and luxurious aesthetics across various mediums.

Best used for

  • Luxury brand identity
  • Theatrical production design
  • Festive holiday themes
  • Upscale event decor
  • Opulent fashion collections
  • Historical period piece aesthetics

Suggested color roles

primary

Use #006400 as a deep, grounding emerald for main branding elements or luxurious backgrounds.

secondary

Apply #daa520 for a rich, warm accent, perfect for highlights, text, or decorative details.

accent

Incorporate #6a0dad as a dramatic, luxurious highlight for calls to action or special features.

background

Utilize #000080 or #8b0000 for a deep, velvety backdrop that enhances the opulent feel.

text

For dark backgrounds, use white or a light gold. For #daa520, opt for black or a dark brown for readability.

Accessibility notes

  • Ensure sufficient contrast for text on #daa520, as it is a brighter tone.
  • Avoid using #6a0dad and #000080 for small text against each other due to potential contrast issues.
  • Verify icon readability, especially when placed on dark, saturated colors like #8b0000.
  • Check overall contrast for users with color vision deficiency, given the range of vibrant hues.

Recommended combinations

Regal Contrast

Creates a strong and elegant combination, ideal for main branding elements and impactful displays.

#006400 · #DAA520 · #000080

Deep Jewels

Offers a rich, dark combination for luxurious backgrounds, deep accents, or dramatic visuals.

#8B0000 · #6A0DAD · #006400

Vibrant Pop

Provides an energetic blend for calls to action, highlight elements, or festive designs.

#DAA520 · #000080 · #6A0DAD

CSS variables

:root {
  --emerald-velvet-glow-1: #006400;
  --emerald-velvet-glow-2: #daa520;
  --emerald-velvet-glow-3: #8b0000;
  --emerald-velvet-glow-4: #000080;
  --emerald-velvet-glow-5: #6a0dad;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-velvet-glow": {
        1: "#006400",
        2: "#daa520",
        3: "#8b0000",
        4: "#000080",
        5: "#6a0dad",
      }
    }
  }
}

Related searches

opulent jewel tonesvelvet color paletteluxury emerald golddramatic color schemeregal color combinations

Palette colors

Hex values

Color 1#006400
·
Color 2#daa520
·
Color 3#8b0000
·
Color 4#000080
·
Color 5#6a0dad
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.3:1AA18
1.3:1Fail
2.2:1Fail
1.2:1Fail
2
3.3:1AA18
4.5:1AA18
7.2:1AAA
4.1:1AA18
3
1.3:1Fail
4.5:1AA18
1.6:1Fail
1.1:1Fail
4
2.2:1Fail
7.2:1AAA
1.6:1Fail
1.7:1Fail
5
1.2:1Fail
4.1:1AA18
1.1:1Fail
1.7:1Fail

Similar palettes

More like Emerald Velvet Glow

View all dark