Bone Fern

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#FDFEFA

Surface#F5F6F2

Sunken#F1F2ED

Raised#EBECE8

Hairline#E3E4E0

Ink#10110C

Muted#64655F

Faint#90918B

Accent#617700

On accent#FDFEFA

On ink#FDFEFA

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.

#650D1B

#823200

#9B3D12

#AE8E1C

Measured contrast

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