Marble Indigo

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 this

Roles

Ground#FBFEFF

Surface#F3F6F9

Sunken#EEF1F5

Raised#E8EBEF

Hairline#E1E4E7

Ink#0D1115

Muted#60656B

Faint#8C9197

Accent#0077C8

On accent#FBFEFF

On ink#FBFEFF

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.

#0096EA

#0582CA

#006494

#003554

Measured contrast

Ink: 18.7:1
Muted: 5.8:1
Faint: 3.1:1
Accent: 4.6:1
On accent: 4.6:1