Tarmac Jade
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#1B1F1C
Raised#222624
Hairline#2E3330
Ink#F5FCF8
Muted#9EA5A1
Faint#747B77
Accent#7BF1A8
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.
#90F1EF
#FFD6E0
#FFEF9F
#C1FBA4
Measured contrast
- Ink
- 19.1:1
- Muted
- 7.9:1
- Faint
- 4.6:1
- Accent
- 14.2:1
- On accent
- 14.2:1