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 thisRoles
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