1500+ ready React Native mobile app screens

Affiliates

Obsidian Coral

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 this

Roles

Ground#060A08
Surface#141917
Sunken#1B1F1D
Raised#222724
Hairline#2E3330
Ink#F4FCF9
Muted#9EA5A2
Faint#747B78
Accent#E06C9F
On accent#060A08
On ink#060A08

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.

#F283B6
#EDBFB7
#B5BFA1
#6E9887

Measured contrast

Ink
19.1:1
Muted
7.9:1
Faint
4.6:1
Accent
6.5:1
On accent
6.5:1