Cotton Moss
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#FEFEFB
Surface#F6F6F3
Sunken#F1F1EE
Raised#EBEBE8
Hairline#E4E4E1
Ink#11110C
Muted#65655F
Faint#91918B
Accent#737B00
On accent#FEFEFB
On ink#FEFEFB
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.
#C6833F
#EA6A47
#B38F00
#909A00
Measured contrast
- Ink
- 18.7:1
- Muted
- 5.8:1
- Faint
- 3.1:1
- Accent
- 4.6:1
- On accent
- 4.6:1