Grid Aura
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#1E7512
Dark Green
COLOR 2
#23C925
Lime Green
COLOR 3
#62DA88
Emerald Green
COLOR 4
#F8F7F7
White Smoke
COLOR 5
#1F4F26
Deep Emerald
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #1E7512;
--color-2: #23C925;
--color-3: #62DA88;
--color-4: #F8F7F7;
--color-5: #1F4F26;
}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
#1E7512 on #F8F7F75.44:1
Normal Text AA Pass
Sample Text
#1E7512 on #1F4F261.64:1
Large Text Only (Fail)
Sample Text
#23C925 on #F8F7F72.08:1
Large Text Only (Fail)
Sample Text
#23C925 on #1F4F264.29:1
Large Text Only (Pass)
Sample Text
#62DA88 on #F8F7F71.65:1
Large Text Only (Fail)
Sample Text
#62DA88 on #1F4F265.40:1
Normal Text AA Pass