Finance Gold Vault
Private wealth and investment portfolio interface palette with opulent champagne gold status indicators.
#App UI#Luxury#UI#Business#Elegant
COLOR 1
#18181B
Zinc 900
COLOR 2
#27272A
Anthracite
COLOR 3
#CA8A04
Harvest Gold
COLOR 4
#FACC15
Kodak Yellow
COLOR 5
#FEFCE8
Vintage Cream
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #18181B;
--color-2: #27272A;
--color-3: #CA8A04;
--color-4: #FACC15;
--color-5: #FEFCE8;
}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
#18181B on #FACC1511.57:1
Normal Text AA Pass
Sample Text
#18181B on #FEFCE817.13:1
Normal Text AA Pass
Sample Text
#27272A on #FACC159.73:1
Normal Text AA Pass
Sample Text
#27272A on #FEFCE814.40:1
Normal Text AA Pass
Sample Text
#CA8A04 on #FACC151.92:1
Large Text Only (Fail)
Sample Text
#CA8A04 on #FEFCE82.84:1
Large Text Only (Fail)