Signal Coast
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#74133D
Merlot
COLOR 2
#C62555
Cherry Glaze
COLOR 3
#D86464
Indian Red
COLOR 4
#F7F8F8
White Smoke
COLOR 5
#4E2028
Pinot Noir
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #74133D;
--color-2: #C62555;
--color-3: #D86464;
--color-4: #F7F8F8;
--color-5: #4E2028;
}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
#74133D on #F7F8F810.37:1
Normal Text AA Pass
Sample Text
#74133D on #4E20281.22:1
Large Text Only (Fail)
Sample Text
#C62555 on #F7F8F85.20:1
Normal Text AA Pass
Sample Text
#C62555 on #4E20282.43:1
Large Text Only (Fail)
Sample Text
#D86464 on #F7F8F83.33:1
Large Text Only (Pass)
Sample Text
#D86464 on #4E20283.80:1
Large Text Only (Pass)