Tarmac Citron
A dark system. The ground and its surfaces are one neutral stepped in lightness, so the page never becomes one hue at nine brightnesses, and the accent carries real chroma so it can mean something when it appears.
Design an app with thisRoles
Ground#070A08
Surface#151916
Sunken#1C1F1D
Raised#232624
Hairline#2F3330
Ink#F5FCF6
Muted#9EA59F
Faint#747B75
Accent#D68C45
On accent#070A08
On ink#070A08
Data colours
Left over after the roles were filled, and kept at full chroma. A chart series is not chrome: it keeps its own colour through a theme change, and these are the ones spoken for.
#2C6E49
#4C956C
#FEFEE3
#FFC9B9
Measured contrast
- Ink
- 19.1:1
- Muted
- 7.9:1
- Faint
- 4.6:1
- Accent
- 7.3:1
- On accent
- 7.3:1