ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Luxury

Jewel Haze

luxury palette with a balanced five-color hierarchy for design use.

#Luxury#Elegant#Premium
Open in Generator
COLOR 1
#123841
Baltic Sea
COLOR 2
#2C54A1
Ruri Lapis
COLOR 3
#635AE2
Majorelle Blue
COLOR 4
#F8F6F5
White Smoke
COLOR 5
#326F48
Ocean Jasper

Color Values & Codes

HEX · RGB · HSL
Baltic Sea
#123841
rgb(18, 56, 65)hsl(191, 57%, 16%)Color details →
Ruri Lapis
#2C54A1
rgb(44, 84, 161)hsl(219, 57%, 40%)Color details →
rgb(99, 90, 226)hsl(244, 70%, 62%)Color details →
rgb(248, 246, 245)hsl(20, 18%, 97%)Color details →
rgb(50, 111, 72)hsl(142, 38%, 32%)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: #123841;
  --color-2: #2C54A1;
  --color-3: #635AE2;
  --color-4: #F8F6F5;
  --color-5: #326F48;
}

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
#123841 on #F8F6F511.69:1
Normal Text AA Pass
Sample Text
#123841 on #326F482.10:1
Large Text Only (Fail)
Sample Text
#2C54A1 on #F8F6F56.74:1
Normal Text AA Pass
Sample Text
#2C54A1 on #326F481.21:1
Large Text Only (Fail)
Sample Text
#635AE2 on #F8F6F54.76:1
Normal Text AA Pass
Sample Text
#635AE2 on #326F481.17: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
#3F4E4FCopy
#A27B5CCopy
#DCD7C9Copy
#EFEFEFCopy
#A67C52Copy
cp-featured-17Wedding
Tuscan Villa Vows
WeddingEarthyElegant
#091E17Copy
#133E32Copy
#A2834DCopy
#CBB279Copy
#EFEBD9Copy
cp-featured-19Luxury
Velvet Royal Emerald
Luxury