Introduction

Colors

Blue

--color-blue-1#e9f5fe

--color-blue-2#c4e3fb

--color-blue-3#68b8f8

--color-blue-4#1c94f4

--color-blue-5#1273ea

--color-blue-6#115cb9

--color-blue-7#12407c

--color-blue-8#16274d

--color-blue-9#111a2f

Green

--color-green-1#e0f6f4

--color-green-2#aef3df

--color-green-3#64e3b6

--color-green-4#0cc885

--color-green-5#00ad6f

--color-green-6#0f7e56

--color-green-7#12573f

--color-green-8#0a3523

--color-green-9#0d2018

Yellow

--color-yellow-1#fff7e2

--color-yellow-2#ffefc3

--color-yellow-3#ffde81

--color-yellow-4#ffb800

--color-yellow-5#f6a300

--color-yellow-6#c77700

--color-yellow-7#784912

--color-yellow-8#4b2d10

--color-yellow-9#2c1f13

Red

--color-red-1#ffe3e8

--color-red-2#ffbcc8

--color-red-3#ff889d

--color-red-4#ff4d5c

--color-red-5#e93845

--color-red-6#bd2235

--color-red-7#841c29

--color-red-8#51141f

--color-red-9#2d1419

Light

--color-light-1#f5f8fc

--color-light-2#eef3fb

--color-light-3#dee6f1

--color-light-4#c5cee0

--color-light-5#adb8cf

--color-light-6#8f9bb3

--color-light-7#57627b

--color-light-8#303b50

--color-light-9#1d273d

Dark

--color-dark-1#222630

--color-dark-2#2c313f

--color-dark-3#3d4354

--color-dark-4#50596b

--color-dark-5#6a7385

--color-dark-6#939bab

--color-dark-7#aeb5c3

--color-dark-8#d1dbe9

--color-dark-9#f0f4fa

Black

--color-black#141820

White

--color-white#ffffff

Previous: ← Getting started
Next: Avatar →