Carbon Canvas
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#372E08
Coffee Bean
COLOR 2
#587313
Avocado 70s
COLOR 3
#40259D
Klein Blue
COLOR 4
#CA44CE
Medium Orchid
COLOR 5
#ABB3D7
Bluebell
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #372E08;
--color-2: #587313;
--color-3: #40259D;
--color-4: #CA44CE;
--color-5: #ABB3D7;
}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
#372E08 on #CA44CE3.36:1
Large Text Only (Pass)
Sample Text
#372E08 on #ABB3D76.53:1
Normal Text AA Pass
Sample Text
#587313 on #CA44CE1.35:1
Large Text Only (Fail)
Sample Text
#587313 on #ABB3D72.62:1
Large Text Only (Fail)
Sample Text
#40259D on #CA44CE2.66:1
Large Text Only (Fail)
Sample Text
#40259D on #ABB3D75.16:1
Normal Text AA Pass