Carbon Frame
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#35160B
Dark Chocolate
COLOR 2
#775C0F
Antique Bronze
COLOR 3
#2C4D96
Ruri Lapis
COLOR 4
#833ED4
Vaporwave Purple
COLOR 5
#AFC9D3
Blue Lace Agate
Color Values & Codes
HEX · RGB · HSLDark Chocolate
#35160B
Antique Bronze
#775C0F
Ruri Lapis
#2C4D96
Vaporwave Purple
#833ED4
Blue Lace Agate
#AFC9D3
Open In Design Tools
CSS Variables
:root {
--color-1: #35160B;
--color-2: #775C0F;
--color-3: #2C4D96;
--color-4: #833ED4;
--color-5: #AFC9D3;
}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
#35160B on #833ED42.84:1
Large Text Only (Fail)
Sample Text
#35160B on #AFC9D39.53:1
Normal Text AA Pass
Sample Text
#775C0F on #833ED41.09:1
Large Text Only (Fail)
Sample Text
#775C0F on #AFC9D33.65:1
Large Text Only (Pass)
Sample Text
#2C4D96 on #833ED41.38:1
Large Text Only (Fail)
Sample Text
#2C4D96 on #AFC9D34.64:1
Normal Text AA Pass