Clear Flame
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#30196D
Midnight Blue
COLOR 2
#6621CB
Blue Violet
COLOR 3
#B761DC
Medium Orchid
COLOR 4
#F7F8F7
White Smoke
COLOR 5
#391E50
Acai Berry
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #30196D;
--color-2: #6621CB;
--color-3: #B761DC;
--color-4: #F7F8F7;
--color-5: #391E50;
}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
#30196D on #F7F8F713.28:1
Normal Text AA Pass
Sample Text
#30196D on #391E501.01:1
Large Text Only (Fail)
Sample Text
#6621CB on #F7F8F77.46:1
Normal Text AA Pass
Sample Text
#6621CB on #391E501.79:1
Large Text Only (Fail)
Sample Text
#B761DC on #F7F8F73.43:1
Large Text Only (Pass)
Sample Text
#B761DC on #391E503.90:1
Large Text Only (Pass)