Regal Bloom
luxury palette with a balanced five-color hierarchy for design use.
#Luxury#Elegant#Premium
COLOR 1
#3E1522
Aubergine
COLOR 2
#A63B27
Burnt Terracotta
COLOR 3
#E7A655
Imperial Topaz
COLOR 4
#F6F8F7
White Smoke
COLOR 5
#6A2D74
Deep Amethyst
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #3E1522;
--color-2: #A63B27;
--color-3: #E7A655;
--color-4: #F6F8F7;
--color-5: #6A2D74;
}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
#3E1522 on #F6F8F714.75:1
Normal Text AA Pass
Sample Text
#3E1522 on #6A2D741.68:1
Large Text Only (Fail)
Sample Text
#A63B27 on #F6F8F76.01:1
Normal Text AA Pass
Sample Text
#A63B27 on #6A2D741.46:1
Large Text Only (Fail)
Sample Text
#E7A655 on #F6F8F71.97:1
Large Text Only (Fail)
Sample Text
#E7A655 on #6A2D744.46:1
Large Text Only (Pass)