Prestige Stone

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

#Luxury#Elegant#Premium
Open in Generator
COLOR 1
#363E15
Kelp Forest
COLOR 2
#53A627
Forest Green
COLOR 3
#55E75D
Lime Green
COLOR 4
#F6F6F8
White Smoke
COLOR 5
#74462D
Nutmeg

Color Values & Codes

HEX · RGB · HSL
rgb(54, 62, 21)hsl(72, 49%, 16%)Color details →
rgb(83, 166, 39)hsl(99, 62%, 40%)Color details →
Lime Green
#55E75D
rgb(85, 231, 93)hsl(123, 75%, 62%)Color details →
rgb(246, 246, 248)hsl(240, 12%, 97%)Color details →
Nutmeg
#74462D
rgb(116, 70, 45)hsl(21, 44%, 32%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #363E15;
  --color-2: #53A627;
  --color-3: #55E75D;
  --color-4: #F6F6F8;
  --color-5: #74462D;
}

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
#363E15 on #F6F6F810.48:1
Normal Text AA Pass
Sample Text
#363E15 on #74462D1.43:1
Large Text Only (Fail)
Sample Text
#53A627 on #F6F6F82.84:1
Large Text Only (Fail)
Sample Text
#53A627 on #74462D2.58:1
Large Text Only (Fail)
Sample Text
#55E75D on #F6F6F81.50:1
Large Text Only (Fail)
Sample Text
#55E75D on #74462D4.88:1
Normal Text AA Pass