Opal Canvas
luxury palette with a balanced five-color hierarchy for design use.
#Luxury#Elegant#Premium
COLOR 1
#254014
Kelp Forest
COLOR 2
#23AA2D
Forest Green
COLOR 3
#5EDE9B
Spearmint
COLOR 4
#F7F6F8
White Smoke
COLOR 5
#6C6035
Raw Umber
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #254014;
--color-2: #23AA2D;
--color-3: #5EDE9B;
--color-4: #F7F6F8;
--color-5: #6C6035;
}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
#254014 on #F7F6F810.70:1
Normal Text AA Pass
Sample Text
#254014 on #6C60351.85:1
Large Text Only (Fail)
Sample Text
#23AA2D on #F7F6F82.84:1
Large Text Only (Fail)
Sample Text
#23AA2D on #6C60352.04:1
Large Text Only (Fail)
Sample Text
#5EDE9B on #F7F6F81.57:1
Large Text Only (Fail)
Sample Text
#5EDE9B on #6C60353.69:1
Large Text Only (Pass)