SATS ui-libVersion: 75.5.0

Colors

Code example

Controls

Light

#f3f4f5
Primitive: blue-5
#e9f1f7
Primitive: bright-blue-10
#ffffff
Primitive: white-100
#ffffff00
Primitive: white-0
#c84229
Primitive: coral-120
#e5e5e5
Primitive: black-10
#af3a24
Primitive: coral-130
#ffffff1a
Primitive: white-10
#ffffffe5
Primitive: white-90
#ffffff26
Primitive: white-15
#ffffff0d
Primitive: white-5
#ffffff66
Primitive: white-40
#d93226
Primitive: chili-red-100
#ae281e
Primitive: chili-red-120
#666666
Primitive: black-60
#fbeae9
Primitive: chili-red-10
#0f2f46
Primitive: bright-blue-160
#0d2134
Primitive: blue-100
#404d5b
Primitive: blue-grey-80
#cccccc
Primitive: black-20
#5f5fa2
Primitive: egyptian-purple-80
#37378b
Primitive: egyptian-purple-100
#ebebf3
Primitive: egyptian-purple-10
#0a1826
Primitive: blue-105
#253748
Primitive: blue-90
#9ea6ae
Primitive: blue-40
#cfd3d6
Primitive: blue-20
#000000
Primitive: black-100
#f7f7f7
Primitive: black-3
#dcdee0
Primitive: light-grey-15
#e7e9eb
Primitive: blue-10
#00000033
Primitive: black-o20
#ffffff33
Primitive: white-20
#566471
Primitive: blue-70
#ffffff80
Primitive: white-50
#fb6447
Primitive: coral-90
#4b190f
Primitive: coral-170
#32110a
Primitive: coral-190
#fa5333
Primitive: coral-100
#b93947
Primitive: cardinal-100
#fdbaad
Primitive: coral-40
#3a9979
Primitive: spring-green-80
#e2b74a
Primitive: gold-100
#097f58
Primitive: spring-green-100
#f8f3e8
Primitive: gold-10
#e7c46d
Primitive: gold-80
#fff6f5
Primitive: coral-5
#2676b0
Primitive: bright-blue-100
#f8ebed
Primitive: cardinal-10
#e6f2ee
Primitive: spring-green-10
#f3e6c5
Primitive: gold-30
#eac4c8
Primitive: cardinal-30
#b5d9cd
Primitive: spring-green-30
#999999
Primitive: black-40
#9e8034
Primitive: gold-130
#808080
Primitive: black-50
#ffeeeb
Primitive: coral-10
#942e39
Primitive: cardinal-120
#076646
Primitive: spring-green-120
#866c2a
Primitive: gold-140
#a670ff
Primitive: tropical-indigo-100
#ff7083
Primitive: salmon-pink-100
#fba000
Primitive: tangerine-100
#65e694
Primitive: celadon-100
#70c4ff
Primitive: uranian-blue-100
#065d63
Primitive: caribbean-current-100
#226a9e
Primitive: bright-blue-110
#707070
Primitive: black-55
#d58891
Primitive: cardinal-60
#7dadd0
Primitive: bright-blue-60
#ffffff99
Primitive: white-60
#6bb29b
Primitive: spring-green-60
#afafd1
Primitive: egyptian-purple-40
#ecd290
Primitive: gold-60
#ffffffa6
Primitive: white-65
#443716
Primitive: gold-170
#211633
Primitive: tropical-indigo-180
#470009
Primitive: salmon-pink-180
#322000
Primitive: tangerine-180
#184629
Primitive: celadon-160
#16496c
Primitive: uranian-blue-160
#e6efef
Primitive: caribbean-current-10
#422d66
Primitive: tropical-indigo-160
#644000
Primitive: tangerine-160
#011314
Primitive: caribbean-current-180
#5191c0
Primitive: bright-blue-80
#1b537b
Primitive: bright-blue-130
#f2f2f2
Primitive: black-5
#d4e4ef
Primitive: bright-blue-20
#e4d4ff
Primitive: tropical-indigo-30
#dbc6ff
Primitive: tropical-indigo-40
#ffc6cd
Primitive: salmon-pink-40
#ffa9b5
Primitive: salmon-pink-60
#fdd999
Primitive: tangerine-40
#fdc666
Primitive: tangerine-60
#c1f5d4
Primitive: celadon-40
#a3f0bf
Primitive: celadon-60
#c6e7ff
Primitive: uranian-blue-40
#a9dcff
Primitive: uranian-blue-60
#9bbec1
Primitive: caribbean-current-40
#6a9ea1
Primitive: caribbean-current-60

Dark

#000000
Primitive: black-100
#0b2335
Primitive: bright-blue-170
#1a1a1a
Primitive: black-90
#262626
Primitive: black-85
#ffffff00
Primitive: white-0
#fa5333
Primitive: coral-100
#333333
Primitive: black-80
#c84229
Primitive: coral-120
#ffffff
Primitive: white-100
#ffffff1a
Primitive: white-10
#ffffffe5
Primitive: white-90
#ffffff26
Primitive: white-15
#ffffff0d
Primitive: white-5
#ffffff66
Primitive: white-40
#e15b51
Primitive: chili-red-80
#e8847d
Primitive: chili-red-60
#808080
Primitive: black-50
#410f0b
Primitive: chili-red-170
#0f2f46
Primitive: bright-blue-160
#d4e4ef
Primitive: bright-blue-20
#5f5fa2
Primitive: egyptian-purple-80
#37378b
Primitive: egyptian-purple-100
#161638
Primitive: egyptian-purple-160
#0a1826
Primitive: blue-105
#0d2134
Primitive: blue-100
#253748
Primitive: blue-90
#404d5b
Primitive: blue-grey-80
#ffffffb2
Primitive: white-70
#fb6447
Primitive: coral-90
#e7e9eb
Primitive: blue-10
#4c4c4c
Primitive: black-70
#ffffffcc
Primitive: white-80
#ffffffd9
Primitive: white-85
#ffffff33
Primitive: white-20
#e9f1f7
Primitive: bright-blue-10
#566471
Primitive: blue-70
#af3a24
Primitive: coral-130
#ffffff80
Primitive: white-50
#00000033
Primitive: black-o20
#4b190f
Primitive: coral-170
#32110a
Primitive: coral-190
#9ea6ae
Primitive: blue-40
#b93947
Primitive: cardinal-100
#3a9979
Primitive: spring-green-80
#e2b74a
Primitive: gold-100
#cccccc
Primitive: black-20
#443716
Primitive: gold-170
#e7c46d
Primitive: gold-80
#2676b0
Primitive: bright-blue-100
#381115
Primitive: cardinal-170
#666666
Primitive: black-60
#03261a
Primitive: spring-green-170
#097f58
Primitive: spring-green-100
#cca442
Primitive: gold-110
#cfd3d6
Primitive: blue-20
#eac4c8
Primitive: cardinal-30
#fdbaad
Primitive: coral-40
#b5d9cd
Primitive: spring-green-30
#8787b9
Primitive: egyptian-purple-60
#f3e6c5
Primitive: gold-30
#0d0d0d
Primitive: black-95
#999999
Primitive: black-40
#caa9ff
Primitive: tropical-indigo-60
#ffa9b5
Primitive: salmon-pink-60
#fdc666
Primitive: tangerine-60
#a3f0bf
Primitive: celadon-60
#a9dcff
Primitive: uranian-blue-60
#6a9ea1
Primitive: caribbean-current-60
#d58891
Primitive: cardinal-60
#7dadd0
Primitive: bright-blue-60
#ffffff99
Primitive: white-60
#6bb29b
Primitive: spring-green-60
#afafd1
Primitive: egyptian-purple-40
#ecd290
Primitive: gold-60
#ffffffa6
Primitive: white-65
#422d66
Primitive: tropical-indigo-160
#470009
Primitive: salmon-pink-180
#644000
Primitive: tangerine-160
#184629
Primitive: celadon-160
#16496c
Primitive: uranian-blue-160
#011314
Primitive: caribbean-current-180
#a670ff
Primitive: tropical-indigo-100
#ff7083
Primitive: salmon-pink-100
#fba000
Primitive: tangerine-100
#65e694
Primitive: celadon-100
#70c4ff
Primitive: uranian-blue-100
#5191c0
Primitive: bright-blue-80
#211633
Primitive: tropical-indigo-180
#912d3a
Primitive: salmon-pink-160
#322000
Primitive: tangerine-180
#051e0e
Primitive: celadon-180
#0b3959
Primitive: uranian-blue-180
#04383b
Primitive: caribbean-current-160