Signal Bloom
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#63186F
Deep Amethyst
COLOR 2
#CD1FCD
Fuchsia 500
COLOR 3
#D16BB2
Mulberry
COLOR 4
#F6F8F7
White Smoke
COLOR 5
#511D4A
Blackberry
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #63186F;
--color-2: #CD1FCD;
--color-3: #D16BB2;
--color-4: #F6F8F7;
--color-5: #511D4A;
}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
#63186F on #F6F8F710.41:1
Normal Text AA Pass
Sample Text
#63186F on #511D4A1.16:1
Large Text Only (Fail)
Sample Text
#CD1FCD on #F6F8F74.21:1
Large Text Only (Pass)
Sample Text
#CD1FCD on #511D4A2.88:1
Large Text Only (Fail)
Sample Text
#D16BB2 on #F6F8F73.05:1
Large Text Only (Pass)
Sample Text
#D16BB2 on #511D4A3.97:1
Large Text Only (Pass)