Colors
Colors used in Micode UI
Demo
Light Colors
$white#FFF
$black#000
$background#222425
$gray100#1e1e19
$gray200#56564d
$gray400#838375
$gray500#afafa6
$gray600#cdcdc7
$gray700#d6d6d1
$gray800#dfdfdb
$gray900#ededeb
$green300#00B37E
$green500#00875F
$green700#015F43
$green900#00291D
$red50#ff8c9a
$red100#ff8290
$red200#ff7886
$red300#ff6e7c
$red400#ff6472
$red500#f75a68
$red600#ed505e
$red700#e34654
$red800#d93c4a
$red900#cf3240
$purple50#b489ff
$purple100#aa7fff
$purple200#a075ff
$purple300#996DFF
$purple400#8c61f0
$purple500#8257e6
$purple600#784ddc
$purple700#6e43d2
$purple800#6439c8
$purple900#5a2fbe
Dark Colors
$white#000
$black#FFF
$background#222425
$gray100#E1E1E6
$gray200#A9A9B2
$gray400#7C7C8A
$gray500#505059
$gray600#323238
$gray700#29292E
$gray800#202024
$gray900#121214
$green300#4cffc9
$green500#78ffd6
$green700#a0fee2
$green900#d6fff3
$red50#73000e
$red100#7d000e
$red200#87000e
$red300#91000e
$red400#9b000e
$red500#a50816
$red600#af1220
$red700#b91c2a
$red800#c32634
$red900#cd303e
$purple50#b489ff
$purple100#aa7fff
$purple200#a075ff
$purple300#996DFF
$purple400#8c61f0
$purple500#8257e6
$purple600#784ddc
$purple700#6e43d2
$purple800#6439c8
$purple900#5a2fbe