1500+ écrans d'app mobile React Native prêts à l'emploi

Affiliés

Alabaster Fuchsia

Un système clair. Le fond et ses surfaces sont un même neutre échelonné en luminosité, pour que la page ne devienne jamais une seule teinte en neuf clartés, et l'accent porte une vraie chroma pour pouvoir dire quelque chose quand il apparaît.

Rôles

Fond#FFFCFB
Surface#F9F5F4
Creusé#F4F0EF
Surélevé#EEEAE9
Filet#E7E3E2
Encre#140F0E
Atténué#6A6361
Ténu#968F8D
Accent#B149AB
Sur accent#FFFFFF
Sur encre#FFFCFB

Couleurs de données

Ce qui reste une fois les rôles remplis, gardé à pleine chroma. Une série de graphique n'est pas du chrome : elle garde sa propre couleur à travers un changement de thème, et voici celles qui sont déjà prises.

#441151
#883677
#CA61C3
#D46E9E

Contraste mesuré

Encre
18.6:1
Atténué
5.8:1
Ténu
3.1:1
Accent
4.7:1
Sur accent
4.8:1