Palette

Royal Emerald Velvet

Opulent and majestic, drawing inspiration from royal jewels and ancient, rich tapestries, truly regal.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004F3F#006F5D#B8860B#8B4513#C0C0C0

Palette guide

How to use Royal Emerald Velvet

Overview

The Royal Emerald Velvet palette embodies opulent majesty, drawing inspiration from rich tapestries and royal jewels. It features deep, luxurious greens like #004F3F and #006F5D, which pair exquisitely with the golden gleam of #B8860B and the warm earthiness of #8B4513. The inclusion of #C0C0C0 adds a sophisticated metallic or stone-like accent, completing this regal collection. This palette is ideal for designs seeking to convey extreme elegance, tradition, and a sense of enduring value. Designers can utilize these hues for high-end branding, luxurious packaging, or sophisticated digital interfaces, creating a truly dramatic and refined visual experience.

Best used for

High-end jewelry and luxury goods branding
Opulent event decor and invitations
Museum or gallery website designs
Interior design themes (classic, dramatic)
Premium product packaging
Fashion lines with a rich, historical feel

Suggested color roles

primary

Utilize #004F3F as a foundational, deep background or primary brand color for a luxurious feel.

secondary

Apply #006F5D for supporting elements, subheadings, or larger UI components.

accent

Introduce #B8860B (gold) for highlights, borders, or call-to-actions, adding a touch of opulence.

background

A deep #004F3F serves as a dramatic backdrop for light text and golden accents.

text

White or a very light cream provides excellent contrast. #B8860B can be used for headings on dark backgrounds.

Accessibility notes

Ensure high contrast when pairing the deep greens with #C0C0C0 or light text.
Avoid using #8B4513 text on #004F3F backgrounds without careful contrast checking.
The golden #B8860B should be used thoughtfully for text, ensuring it passes contrast on its background.
Always test text and background color combinations against WCAG AA standards to ensure readability.

Recommended combinations

Velvet & Gold

Perfect for luxurious branding, high-impact headers, or elegant UI elements.

#004F3F · #B8860B · #C0C0C0

Earthy Elegance

Ideal for secondary sections, natural textures, or refined graphical accents.

#8B4513 · #006F5D · #C0C0C0

Deep Jewel

Use for rich backgrounds, sophisticated navigation, or to highlight key features.

#006F5D · #004F3F · #B8860B

CSS variables

:root {
  --royal-emerald-velvet-1: #004F3F;
  --royal-emerald-velvet-2: #006F5D;
  --royal-emerald-velvet-3: #B8860B;
  --royal-emerald-velvet-4: #8B4513;
  --royal-emerald-velvet-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "royal-emerald-velvet": {
        1: "#004F3F",
        2: "#006F5D",
        3: "#B8860B",
        4: "#8B4513",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#004F3F

Color 2#006F5D

Color 3#B8860B

Color 4#8B4513

Color 5#C0C0C0

Accessibility

Contrast checker

1.6:1Fail

2.9:1Fail

1.4:1Fail

5.3:1AA

1.6:1Fail

1.9:1Fail

1.2:1Fail

3.4:1AA18

2.9:1Fail

1.9:1Fail

2.2:1Fail

1.8:1Fail

1.4:1Fail

1.2:1Fail

2.2:1Fail

3.9:1AA18

5.3:1AA

3.4:1AA18

1.8:1Fail

3.9:1AA18

Similar palettes

More like Royal Emerald Velvet