Tarmac Ember
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#070A07
Surface#151915
Sunken#1C1F1C
Raised#232623
Hairline#2F332F
Ink#F6FCF6
Muted#9FA59F
Faint#757A75
Accent#CD5757
On accent#070A07
On ink#070A07
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.
#3F6D48
#6A994E
#A7C957
#BC4749
Measured contrast
- Ink
- 19.1:1
- Muted
- 7.9:1
- Faint
- 4.5:1
- Accent
- 4.8:1
- On accent
- 4.8:1