Alabaster Jade
A light 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#FBFFFC
Surface#F3F7F4
Sunken#EEF2EF
Raised#E8ECE9
Hairline#E1E5E2
Ink#0D120F
Muted#606662
Faint#8C938E
Accent#008523
On accent#FBFFFC
On ink#FBFFFC
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.
#004E64
#009DC7
#44A576
#25A18E
Measured contrast
- Ink
- 18.7:1
- Muted
- 5.8:1
- Faint
- 3.1:1
- Accent
- 4.8:1
- On accent
- 4.8:1