Studio Signal
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#471770
Midnight Blue
COLOR 2
#951DCF
Dark Violet
COLOR 3
#D069D3
Orchid
COLOR 4
#F6F8F6
White Smoke
COLOR 5
#43234B
Concord Grape
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #471770;
--color-2: #951DCF;
--color-3: #D069D3;
--color-4: #F6F8F6;
--color-5: #43234B;
}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
#471770 on #F6F8F612.11:1
Normal Text AA Pass
Sample Text
#471770 on #43234B1.03:1
Large Text Only (Fail)
Sample Text
#951DCF on #F6F8F65.87:1
Normal Text AA Pass
Sample Text
#951DCF on #43234B2.12:1
Large Text Only (Fail)
Sample Text
#D069D3 on #F6F8F62.96:1
Large Text Only (Fail)
Sample Text
#D069D3 on #43234B4.20:1
Large Text Only (Pass)