|
|
surface |
#1E1A24 |
The base background color. |
|
|
surface-light |
#23202B |
A light background color used for raised elements. |
|
|
surface-lighter |
#282636 |
A lighter background color used for higher raised elements or
for increasing contrast.
|
|
|
surface-lightest |
#2E2B3D |
A lighter background color used for even higher raised elements
or for increasing contrast.
|
|
|
surface-dark |
#181520 |
A dark background color used for inset surfaces. |
|
|
surface-darker |
#14111B |
A dark background color used for lower inset surfaces or
increased contrast.
|
|
|
text |
#EEEAF1 |
The base text color. |
|
|
text-dark |
#827889 |
A muted text color useful for secondary text or disabled states.
|
|
|
sakura |
#E598B8 |
The primary color of the palette. Used for primary content and
calling attention to error states.
|
|
|
sakura-light |
#F6B7D1 |
A lighter alternative to sakura. |
|
|
sakura-dark |
#C47793 |
A darker alternative to sakura. |
|
|
mint |
#91D5C7 |
The secondary color of the palette, used for accents. |
|
|
mint-light |
#B4EFE3 |
A lighter alternative to mint. |
|
|
mint-dark |
#77B0A4 |
A darker alternative to mint. |
|
|
peach |
#E8B0A0 |
A tertiary color of the palette, used for coloring non-critical
elements. Peach can also be used for warning elements.
|
|
|
peach-light |
#F4C8BD |
A lighter alternative to peach. |
|
|
peach-dark |
#C79285 |
A darker alternative to peach. |
|
|
sky |
#A8C9E7 |
A tertiary color of the palette, used for coloring non-critical
elements.
|
|
|
sky-light |
#D1E4F3 |
A lighter alternative to sky. |
|
|
sky-dark |
#88B0D8 |
A darker alternative to sky. |
|
|
berry |
#CE98BD |
A tertiary color of the palette, used for coloring non-critical
elements.
|
|
|
berry-light |
#E8BADA |
A lighter alternative to berry. |
|
|
berry-dark |
#A67396 |
A darker alternative to berry. |