ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Luxury· Curated

Velvet Royal Emerald

Regal palace palette blending deep velvet forest greens with antique gilded brass and satin accents.

#Luxury
Open in Generator
COLOR 1
#091E17
Pine Needle
COLOR 2
#133E32
Pine Needle
COLOR 3
#A2834D
Vintage Sepia Light
COLOR 4
#CBB279
Burlywood
COLOR 5
#EFEBD9
Buttercream

Suitable Design Applications

Heritage Luxury BrandsPrivate Member ClubsEmbossed StationeryFine Watchmaking Sites

Visual Psychology & Mood

Sovereign nobility, tradition, refined craftsmanship, and heritage.

Editorial Application Advice

Deep imperial emerald framed with gilded bronze accents. Communicates legacy, permanence, and bespoke luxury.

Recommended UI Role Architecture

Optimal visual hierarchy assignment for digital product interfaces:

Primary Canvas Background
#05130D
Card & Elevated Surface
#0D251A
Primary Brand CTA Accent
#D97706
Secondary Accent & Focus
#10B981
Typography & Headings
#ECFDF5

Color Values & Codes

HEX · RGB · HSL
rgb(9, 30, 23)hsl(160, 54%, 8%)Color details →
rgb(19, 62, 50)hsl(163, 53%, 16%)Color details →
rgb(162, 131, 77)hsl(38, 36%, 47%)Color details →
Burlywood
#CBB279
rgb(203, 178, 121)hsl(42, 44%, 64%)Color details →
rgb(239, 235, 217)hsl(49, 41%, 89%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Luxury Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #091E17;
  --color-2: #133E32;
  --color-3: #A2834D;
  --color-4: #CBB279;
  --color-5: #EFEBD9;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#091E17 on #CBB2798.42:1
Normal Text AA Pass
Sample Text
#091E17 on #EFEBD914.51:1
Normal Text AA Pass
Sample Text
#133E32 on #CBB2795.78:1
Normal Text AA Pass
Sample Text
#133E32 on #EFEBD99.96:1
Normal Text AA Pass
Sample Text
#A2834D on #CBB2791.73:1
Large Text Only (Fail)
Sample Text
#A2834D on #EFEBD92.98:1
Large Text Only (Fail)

Related Palettes in Luxury

Explore Luxury
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#022C22Copy
#065F46Copy
#10B981Copy
#6EE7B7Copy
#ECFDF5Copy
cp-featured-11Business
Fintech Emerald Vault
BusinessLuxuryNature
#389EBECopy
#28AAD2Copy
#0C92BBCopy
#247A94Copy
#12A2CECopy
cp-featured-28Aesthetic
Muted Moonstone Sanctuary
AestheticLuxuryCool
#15393ECopy
#275BA6Copy
#5557E7Copy
#F8F6F6Copy
#2D7442Copy
cp-0151Luxury
Velvet Wave
LuxuryElegantPremium

Frequently Asked Questions About Velvet Royal Emerald

Production design guidance and accessibility rules for applying the Velvet Royal Emerald (Luxury) color palette.

What is the recommended role hierarchy for the Velvet Royal Emerald palette?
In digital interface design, allocate #091E17 and #EFEBD9 for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #133E32 or #A2834D as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Velvet Royal Emerald WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Velvet Royal Emerald palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.