Luxe Sky

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

#Luxury#Elegant#Premium
Open in Generator
COLOR 1
#421232
Victorian Plum
COLOR 2
#A22B42
Hibiscus Red
COLOR 3
#E47559
Terracotta
COLOR 4
#F6F7F7
White Smoke
COLOR 5
#513071
Acai Berry

Color Values & Codes

HEX · RGB · HSL
rgb(66, 18, 50)hsl(320, 57%, 16%)Color details →
rgb(162, 43, 66)hsl(348, 58%, 40%)Color details →
Terracotta
#E47559
rgb(228, 117, 89)hsl(12, 72%, 62%)Color details →
rgb(246, 247, 247)hsl(180, 6%, 97%)Color details →
Acai Berry
#513071
rgb(81, 48, 113)hsl(270, 40%, 32%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #421232;
  --color-2: #A22B42;
  --color-3: #E47559;
  --color-4: #F6F7F7;
  --color-5: #513071;
}

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
#421232 on #F6F7F714.34:1
Normal Text AA Pass
Sample Text
#421232 on #5130711.47:1
Large Text Only (Fail)
Sample Text
#A22B42 on #F6F7F76.61:1
Normal Text AA Pass
Sample Text
#A22B42 on #5130711.47:1
Large Text Only (Fail)
Sample Text
#E47559 on #F6F7F72.80:1
Large Text Only (Fail)
Sample Text
#E47559 on #5130713.47:1
Large Text Only (Pass)