Getting started
Components
Extra
Color
Color scheme.
Yellow
-
yellow-50 #FDF8E2
-
yellow-100 #FFF1AD
-
yellow-200 #FDE572
-
yellow-300 #FDDC35
-
yellow-400 #F5CE00
-
yellow-500 #DEAD12
-
yellow-600 #BD870E
-
yellow-700 #9C670E
-
yellow-800 #7A4D10
-
yellow-900 #7A4D10
Red
-
red #F75B51
-
red-50 #FDF2F2
-
red-100 #FFDADA
-
red-200 #FFBFBF
-
red-300 #FF8888
-
red-400 #FF5A5A
-
red-500 #DE3C3C
-
red-600 #B52121
-
red-700 #9C1D1D
-
red-800 #7A1515
-
red-900 #591010
Green
-
green-50 #EBF9F3
-
green-100 #CAF2E1
-
green-200 #96E9C6
-
green-300 #5BD69E
-
green-400 #2BC585
-
green-500 #0AB16B
-
green-600 #019356
-
green-700 #007041
-
green-800 #005934
-
green-900 #004025
Blue
-
blue-50 #F2F4FF
-
blue-100 #D9DFFF
-
blue-200 #BFCAFF
-
blue-300 #8799F7
-
blue-400 #5B73EE
-
blue-500 #3C57E5
-
blue-600 #1F3AC5
-
blue-700 #0E27A6
-
blue-800 #041A86
-
blue-900 #001166
Black
-
black #1D1D1F
-
black-50 #F5F5F5
-
black-100 #E6E6E9
-
black-200 #D9D9DE
-
black-300 #C5C5CD
-
black-400 #ABADB8
-
black-500 #8A8C97
-
black-600 #70727C
-
black-700 #5D606C
-
black-800 #46474D
-
black-900 #2D2E33
White
-
white #FFFFFF
On this page