1500+ ready React Native mobile app screens

Affiliates

Obsidian Orchid

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#060A09
Surface#131918
Sunken#1A1F1F
Raised#212726
Hairline#2D3332
Ink#F3FCFB
Muted#9CA5A4
Faint#727B7A
Accent#A06CD5
On accent#060A09
On ink#060A09

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.

#E2CFEA
#694EB2
#456177
#436361

Measured contrast

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