New image

LIBRARIES

Cohezly Design System
Introduction

core

Ctrl-K
Cohezly Design System/Variables
Updated 31 August 2025
Variables
Name
Mode 1
color / light / gray
color/light/gray/25
#FCFDFE
color/light/gray/50
#F8F9FB
color/light/gray/100
#EEF0F3
color/light/gray/200
#E6E9ED
color/light/gray/300
#DEE1E6
color/light/gray/400
#D6D9E0
color/light/gray/500
#CACFD7
color/light/gray/600
#B5BCC6
color/light/gray/700
#868D99
color/light/gray/800
#7B828D
color/light/gray/900
#5E636C
color/light/gray/950
#1C2028
color / light / gray-alpha
color/light/gray-alpha/25
#0055AA
1%
color/light/gray-alpha/50
#00256E
3%
color/light/gray-alpha/100
#001E4B
7%
color/light/gray-alpha/200
#001F48
10%
color/light/gray-alpha/300
#00183E
13%
color/light/gray-alpha/400
#00133F
16%
color/light/gray-alpha/500
#00193F
21%
color/light/gray-alpha/600
#01193B
29%
color/light/gray-alpha/700
#000F29
47%
color/light/gray-alpha/800
#000E23
52%
color/light/gray-alpha/900
#000816
63%
color/light/gray-alpha/950
#00050E
89%
color / light / red
color/light/red/25
#FFFCFB
color/light/red/50
#FFF8F6
color/light/red/100
#FFEAE6
color/light/red/200
#FFDAD2
color/light/red/300
#FFCBC0
color/light/red/400
#FFBAAD
color/light/red/500
#FDA497
color/light/red/600
#F68878
color/light/red/700
#E71D14
color/light/red/800
#D80000
color/light/red/900
#DC0101
color/light/red/950
#651B14
color / light / red alpha
color/light/red alpha/25
#FF4000
2%
color/light/red alpha/50
#FF3900
4%
color/light/red alpha/100
#FF2900
10%
color/light/red alpha/200
#FF2E00
18%
color/light/red alpha/300
#FF2D00
25%
color/light/red alpha/400
#FF2900
32%
color/light/red alpha/500
#FB2000
41%
color/light/red alpha/600
#EE1F00
53%
color/light/red alpha/700
#E50A00
92%
color/light/red alpha/800
#D80000
color/light/red alpha/900
#DC0000
100%
color/light/red alpha/950
#580800
92%
color / light / orange
color/light/orange/25
#FEFCFB
color/light/orange/50
#FFF5F0
color/light/orange/100
#FFEBDD
color/light/orange/200
#FFD8BD
color/light/orange/300
#FFCAA8
color/light/orange/400
#FFBC94
color/light/orange/500
#F8AB83
color/light/orange/600
#EC9364
color/light/orange/700
#EB6A00
color/light/orange/800
#DD5D00
color/light/orange/900
#CC5300
color/light/orange/950
#552F1B
color / light / orange alpha
color/light/orange alpha/25
#C04000
2%
color/light/orange alpha/50
#FF5500
6%
color/light/orange alpha/100
#FF6900
13%
color/light/orange alpha/200
#FF6900
26%
color/light/orange alpha/300
#FF6400
34%
color/light/orange alpha/400
#FF6001
42%
color/light/orange alpha/500
#F15300
49%
color/light/orange alpha/600
#E04E00
61%
color/light/orange alpha/700
#EB6A00
color/light/orange alpha/800
#DD5D00
color/light/orange alpha/900
#CC5300
color/light/orange alpha/950
#411600
89%
color / light / brown
color/light/brown/25
#FEFDFB
color/light/brown/50
#FDF8F2
color/light/brown/100
#FAEEDF
color/light/brown/200
#F9E2C4
color/light/brown/300
#F6D7AE
color/light/brown/400
#EECB9C
color/light/brown/500
#E2BA84
color/light/brown/600
#D4A35C
color/light/brown/700
#C48619
color/light/brown/800
#B67A03
color/light/brown/900
#976100
color/light/brown/950
#44341F
color / light / brown alpha
color/light/brown alpha/25
#C08000
2%
color/light/brown alpha/50
#D87600
5%
color/light/brown alpha/100
#D87800
13%
color/light/brown alpha/200
#E68201
23%
color/light/brown alpha/300
#E38200
32%
color/light/brown alpha/400
#D47A00
39%
color/light/brown alpha/500
#C37001
48%
color/light/brown alpha/600
#BC6F00
64%
color/light/brown alpha/700
#BE7900
90%
color/light/brown alpha/800
#B57800
99%
color/light/brown alpha/900
#976100
color/light/brown alpha/950
#2A1800
88%
color / light / grass
color/light/grass/25
#FCFDFA
color/light/grass/50
#F9FAF2
color/light/grass/100
#F1F5D6
color/light/grass/200
#E8EEBC
color/light/grass/300
#DDE4A4
color/light/grass/400
#CED68C
color/light/grass/500
#BCC46E
color/light/grass/600
#A6AE3B
color/light/grass/700
#979F28
color/light/grass/800
#8B9314
color/light/grass/900
#6F760D
color/light/grass/950
#3A3E17
color / light / grass alpha
color/light/grass alpha/25
#669900
2%
color/light/grass alpha/50
#8A9D00
5%
color/light/grass alpha/100
#A8C100
16%
color/light/grass alpha/200
#A8BF00
26%
color/light/grass alpha/300
#A0B401
36%
color/light/grass alpha/400
#93A500
45%
color/light/grass alpha/500
#8A9800
57%
color/light/grass alpha/600
#8B9600
77%
color/light/grass alpha/700
#848D00
84%
color/light/grass alpha/800
#818A00
92%
color/light/grass alpha/900
#676F00
95%
color/light/grass alpha/950
#272B00
91%
color / light / green
color/light/green/25
#FBFEFB
color/light/green/50
#F5FBF5
color/light/green/100
#E7F7E8
color/light/green/200
#D8F1DA
color/light/green/300
#C6EAC8
color/light/green/400
#AFDFB2
color/light/green/500
#8FD095
color/light/green/600
#5FBB6B
color/light/green/700
#21903A
color/light/green/800
#1E8134
color/light/green/900
#1D8033
color/light/green/950
#1E3D22
color / light / green alpha
color/light/green alpha/25
#00C000
2%
color/light/green alpha/50
#009900
4%
color/light/green alpha/100
#00AA0B
9%
color/light/green alpha/200
#00A40E
15%
color/light/green alpha/300
#00A209
22%
color/light/green alpha/400
#00990A
31%
color/light/green alpha/500
#00940E
44%
color/light/green alpha/600
#009313
63%
color/light/green alpha/700
#00801D
87%
color/light/green alpha/800
#007019
88%
color/light/green alpha/900
#007019
89%
color/light/green alpha/950
#002305
88%
color / light / teal
color/light/teal/25
#FAFEFE
color/light/teal/50
#F3FBFB
color/light/teal/100
#DFF7F8
color/light/teal/200
#CCF2F3
color/light/teal/300
#B7E9EB
color/light/teal/400
#A1DDDF
color/light/teal/500
#83CCCF
color/light/teal/600
#52B8BC
color/light/teal/700
#058F94
color/light/teal/800
#008389
color/light/teal/900
#007D83
color/light/teal/950
#103C3E
color / light / teal alpha
color/light/teal alpha/25
#00CCCC
2%
color/light/teal alpha/50
#00AAAA
5%
color/light/teal alpha/100
#00C0C8
13%
color/light/teal alpha/200
#00BEC3
20%
color/light/teal alpha/300
#00B2B9
28%
color/light/teal alpha/400
#00A3A9
37%
color/light/teal alpha/500
#00979D
49%
color/light/teal alpha/600
#00979C
68%
color/light/teal alpha/700
#008D92
98%
color/light/teal alpha/800
#008389
color/light/teal alpha/900
#007D83
color/light/teal alpha/950
#002F31
94%
color / light / cyan
color/light/cyan/25
#FAFDFE
color/light/cyan/50
#F3FAFC
color/light/cyan/100
#E2F5FD
color/light/cyan/200
#D0EFFA
color/light/cyan/300
#BEE6F5
color/light/cyan/400
#A8DAEC
color/light/cyan/500
#8CCAE0
color/light/cyan/600
#5BB4D2
color/light/cyan/700
#008CAD
color/light/cyan/800
#007F9F
color/light/cyan/900
#007B9B
color/light/cyan/950
#173C49
color / light / cyan alpha
color/light/cyan alpha/25
#0099CC
2%
color/light/cyan alpha/50
#0095C0
5%
color/light/cyan alpha/100
#00A8EE
11%
color/light/cyan alpha/200
#00A9E4
18%
color/light/cyan alpha/300
#009DD8
25%
color/light/cyan alpha/400
#0093C8
34%
color/light/cyan alpha/500
#008ABB
45%
color/light/cyan alpha/600
#008BB9
64%
color/light/cyan alpha/700
#008CAD
color/light/cyan alpha/800
#007F9F
color/light/cyan alpha/900
#007B9B
color/light/cyan alpha/950
#002937
91%
color / light / blue
color/light/blue/25
#FBFDFF
color/light/blue/50
#F5F9FF
color/light/blue/100
#EAF3FE
color/light/blue/200
#DBECFF
color/light/blue/300
#CAE2FF
color/light/blue/400
#B7D5FC
color/light/blue/500
#9DC4F5
color/light/blue/600
#78ACEE
color/light/blue/700
#1F7CE0
color/light/blue/800
#066ED1
color/light/blue/900
#0F72D6
color/light/blue/950
#0D3460
color / light / blue alpha
color/light/blue alpha/25
#0080FF
2%
color/light/blue alpha/50
#0066FF
4%
color/light/blue alpha/100
#006EF3
8%
color/light/blue alpha/200
#0079FF
14%
color/light/blue alpha/300
#0074FF
21%
color/light/blue alpha/400
#006BF5
28%
color/light/blue alpha/500
#0066E5
38%
color/light/blue alpha/600
#0063DF
53%
color/light/blue alpha/700
#006ADC
88%
color/light/blue alpha/800
#006BD0
98%
color/light/blue alpha/900
#0069D3
94%
color/light/blue alpha/950
#002957
95%
color / light / cobalt
color/light/cobalt/25
#FDFDFE
color/light/cobalt/50
#F7F9FF
color/light/cobalt/100
#ECF2FF
color/light/cobalt/200
#DEEAFF
color/light/cobalt/300
#CEDFFF
color/light/cobalt/400
#BAD1FF
color/light/cobalt/500
#A3BFFF
color/light/cobalt/600
#83A5F8
color/light/cobalt/700
#355DE8
color/light/cobalt/800
#2E52CC
color/light/cobalt/900
#3358D3
color/light/cobalt/950
#1A2C61
color / light / cobalt alpha
color/light/cobalt alpha/25
#000080
1%
color/light/cobalt alpha/50
#0040FF
3%
color/light/cobalt alpha/100
#0051FF
7%
color/light/cobalt alpha/200
#005DFF
13%
color/light/cobalt alpha/300
#0059FF
19%
color/light/cobalt alpha/400
#0055FF
27%
color/light/cobalt alpha/500
#004EFF
36%
color/light/cobalt alpha/600
#0046F1
49%
color/light/cobalt alpha/700
#0033E2
79%
color/light/cobalt alpha/800
#002CC1
82%
color/light/cobalt alpha/900
#002EC8
80%
color/light/cobalt alpha/950
#00144F
90%
color / light / violet
color/light/violet/25
#FDFDFF
color/light/violet/50
#F8F8FF
color/light/violet/100
#F0F0FF
color/light/violet/200
#E5E5FF
color/light/violet/300
#DADAFF
color/light/violet/400
#CCCBFF
color/light/violet/500
#B8B5FF
color/light/violet/600
#9E95FF
color/light/violet/700
#672BF9
color/light/violet/800
#5A20DE
color/light/violet/900
#6433EC
color/light/violet/950
#2F1A75
color / light / violet alpha
color/light/violet alpha/25
#0000FF
1%
color/light/violet alpha/50
#0000FF
3%
color/light/violet alpha/100
#0000FF
6%
color/light/violet alpha/200
#0000FF
10%
color/light/violet alpha/300
#0000FF
15%
color/light/violet alpha/400
#0500FF
20%
color/light/violet alpha/500
#0B01FF
29%
color/light/violet alpha/600
#1601FF
42%
color/light/violet alpha/700
#4800F8
83%
color/light/violet alpha/800
#4200D9
87%
color/light/violet alpha/900
#3D00E7
80%
color/light/violet alpha/950
#170065
90%
color / light / purple
color/light/purple/25
#FDFCFF
color/light/purple/50
#FAF8FF
color/light/purple/100
#F4EEFF
color/light/purple/200
#ECE2FF
color/light/purple/300
#E4D5FF
color/light/purple/400
#D8C4FF
color/light/purple/500
#C8ADFF
color/light/purple/600
#B58EFF
color/light/purple/700
#8736ED
color/light/purple/800
#782DD5
color/light/purple/900
#7B31D8
color/light/purple/950
#3E1472
color / light / purple alpha
color/light/purple alpha/25
#5500FF
1%
color/light/purple alpha/50
#4900FF
3%
color/light/purple alpha/100
#5A00FF
7%
color/light/purple alpha/200
#5800FF
11%
color/light/purple alpha/300
#5C00FF
16%
color/light/purple alpha/400
#5C00FF
23%
color/light/purple alpha/500
#5400FF
32%
color/light/purple alpha/600
#5900FF
44%
color/light/purple alpha/700
#6700E8
79%
color/light/purple alpha/800
#5B00CC
82%
color/light/purple alpha/900
#5C00CF
81%
color/light/purple alpha/950
#2E0066
92%
color / light / pink
color/light/pink/25
#FFFCFE
color/light/pink/50
#FFF7FC
color/light/pink/100
#FFE8F6
color/light/pink/200
#FDDBF0
color/light/pink/300
#F9CDE9
color/light/pink/400
#F3BDDF
color/light/pink/500
#EBA9D4
color/light/pink/600
#E28FC6
color/light/pink/700
#BC0C96
color/light/pink/800
#AC0088
color/light/pink/900
#C1179A
color/light/pink/950
#660651
color / dark / gray
color/dark/gray/25
#0F1114
color/dark/gray/50
#17191D
color/dark/gray/100
#1F2328
color/dark/gray/200
#252A31
color/dark/gray/300
#2B3139
color/dark/gray/400
#343A42
color/dark/gray/500
#414850
color/dark/gray/600
#5A616A
color/dark/gray/700
#676F78
color/dark/gray/800
#757C85
color/dark/gray/900
#ACB4BE
color/dark/gray/950
#ECEEF2
color / dark / gray alpha
color/dark/gray alpha/25
#0011D1
2%
color/dark/gray alpha/50
#87AEFD
5%
color/dark/gray alpha/100
#A0C9FC
10%
color/dark/gray alpha/200
#A3C8FB
14%
color/dark/gray alpha/300
#ACCFFF
17%
color/dark/gray alpha/400
#BAD7FD
21%
color/dark/gray alpha/500
#C5E0FE
27%
color/dark/gray alpha/600
#D3E5FD
38%
color/dark/gray alpha/700
#D6E9FD
44%
color/dark/gray alpha/800
#DDEBFD
49%
color/dark/gray alpha/900
#E5F0FE
73%
color/dark/gray alpha/950
#F8FAFE
95%
color / dark / red
color/dark/red/25
#190E0C
color/dark/red/50
#24100D
color/dark/red/100
#470000
color/dark/red/200
#5E0000
color/dark/red/300
#710000
color/dark/red/400
#890000
color/dark/red/500
#A60000
color/dark/red/600
#D60000
color/dark/red/700
#AB0000
color/dark/red/800
#930000
color/dark/red/900
#FF907F
color/dark/red/950
#FFCDC3
color / dark / red alpha
color/dark/red alpha/25
#F40000
4%
color/dark/red alpha/50
#F80500
8%
color/dark/red alpha/100
#FF0000
23%
color/dark/red alpha/200
#FE0000
33%
color/dark/red alpha/300
#FF0000
40%
color/dark/red alpha/400
#FF0000
51%
color/dark/red alpha/500
#FF0000
63%
color/dark/red alpha/600
#FE0000
83%
color/dark/red alpha/700
#FF0000
65%
color/dark/red alpha/800
#FE0000
55%
color/dark/red alpha/900
#FF907F
color/dark/red alpha/950
#FFCDC3
color / dark / orange
color/dark/orange/25
#15100D
color/dark/orange/50
#1E1512
color/dark/orange/100
#351B0E
color/dark/orange/200
#491D04
color/dark/orange/300
#582508
color/dark/orange/400
#673215
color/dark/orange/500
#7E4224
color/dark/orange/600
#A3562F
color/dark/orange/700
#DB5E02
color/dark/orange/800
#CD5100
color/dark/orange/900
#FF9963
color/dark/orange/950
#F9D8C9
color / dark / orange alpha
color/dark/orange alpha/25
#DE0000
2%
color/dark/orange alpha/50
#FE5A24
5%
color/dark/orange alpha/100
#FD5300
15%
color/dark/orange alpha/200
#FF4400
24%
color/dark/orange alpha/300
#FD5400
30%
color/dark/orange alpha/400
#FD6C1C
36%
color/dark/orange alpha/500
#FF7C3B
46%
color/dark/orange alpha/600
#FE8141
62%
color/dark/orange alpha/700
#FE6B00
85%
color/dark/orange alpha/800
#FE6100
79%
color/dark/orange alpha/900
#FF9963
color/dark/orange alpha/950
#FFDDCE
98%
color / dark / brown
color/dark/brown/25
#14110A
color/dark/brown/50
#1D170E
color/dark/brown/100
#2F2103
color/dark/brown/200
#3F2700
color/dark/brown/300
#4D3000
color/dark/brown/400
#4D3000
color/dark/brown/500
#6E500C
color/dark/brown/600
#8C6613
color/dark/brown/700
#825D00
color/dark/brown/800
#6F510D
color/dark/brown/900
#FDD388
color/dark/brown/950
#FFE6AE
color / dark / brown alpha
color/dark/brown alpha/25
#D11100
2%
color/dark/brown alpha/50
#FD8700
5%
color/dark/brown alpha/100
#F98D00
13%
color/dark/brown alpha/200
#FC8200
20%
color/dark/brown alpha/300
#FD8B00
25%
color/dark/brown alpha/400
#FDA300
31%
color/dark/brown alpha/500
#FFB205
39%
color/dark/brown alpha/600
#FFB615
52%
color/dark/brown alpha/700
#FDB000
48%
color/dark/brown alpha/800
#FFB307
40%
color/dark/brown alpha/900
#FFD589
99%
color/dark/brown alpha/950
#FFE6AE
color
color/white
#FFFFFF
color/black
#000000
typography / light / font-family
typography/light/font-family/Inter
"Inter"
typography/light/font-family/Bricolage Grotesque
"Bricolage Grotesque"
typography/light/font-family/DM Mono
"DM Mono"
typography / dark / font-family
typography/dark/font-family/Geist
"Geist"
typography/dark/font-family/Space Grotesk
"Space Grotesk"
typography/dark/font-family/Geist Mono
"Geist Mono"
typography / shared / font-weight
typography/shared/font-weight/100
100
typography/shared/font-weight/200
200
typography/shared/font-weight/300
300
typography/shared/font-weight/400
400
typography/shared/font-weight/500
500
typography/shared/font-weight/600
600
typography/shared/font-weight/700
700
typography/shared/font-weight/800
800
typography/shared/font-weight/900
900
typography / shared / font-size
typography/shared/font-size/10
10
typography/shared/font-size/12
12
typography/shared/font-size/13
13
typography/shared/font-size/14
14
typography/shared/font-size/16
16
typography/shared/font-size/18
18
typography/shared/font-size/20
20
typography/shared/font-size/24
24
typography/shared/font-size/28
28
typography/shared/font-size/32
32
typography/shared/font-size/36
36
typography/shared/font-size/40
40
typography/shared/font-size/48
48
typography/shared/font-size/56
56
typography/shared/font-size/64
64
typography/shared/font-size/72
72
typography/shared/font-size/96
96
typography/shared/font-size/120
120
typography/shared/font-size/148
140
typography / shared / line-height
typography/shared/line-height/16
16
typography/shared/line-height/18
18
typography/shared/line-height/20
20
typography/shared/line-height/24
24
typography/shared/line-height/36
36
typography/shared/line-height/40
40
typography/shared/line-height/48
48
typography/shared/line-height/56
56
typography/shared/line-height/64
64
typography/shared/line-height/72
72
typography/shared/line-height/96
96
typography/shared/line-height/124
124
typography/shared/line-height/140
140
typography/shared/line-height/164
164
typography / shared / letter-spacing
typography/shared/letter-spacing/minus-2
-2
typography/shared/letter-spacing/minus-1-half
-1.5
typography/shared/letter-spacing/minus-1
-1
typography/shared/letter-spacing/minus-half
-0.5
typography/shared/letter-spacing/0
0
typography/shared/letter-spacing/half
0.5
typography/shared/letter-spacing/1
1
typography/shared/letter-spacing/2
2
typography / shared / text-transform
typography/shared/text-transform/none
"none"
typography/shared/text-transform/uppercase
"uppercase"
border / radius
border/radius/0
0
border/radius/2
2
border/radius/4
4
border/radius/8
8
border/radius/16
16
border/radius/32
32
border/radius/round
999
spacing
spacing/0
0
spacing/4
4
spacing/8
8
spacing/12
12
spacing/16
16
spacing/20
20
spacing/24
24
spacing/28
28
spacing/32
32
spacing/36
36
spacing/40
40
spacing/48
48
spacing/56
56
spacing/64
64
spacing/72
72
spacing/80
80
spacing/96
96
spacing/108
108
spacing/124
124
spacing/132
132
spacing/140
140
color / dark / moss
color/dark/moss/25
#111209
color/dark/moss/50
#18190C
color/dark/moss/100
#252709
color/dark/moss/200
#303300
color/dark/moss/300
#3C3F00
color/dark/moss/400
#494D00
color/dark/moss/500
#595E00
color/dark/moss/600
#6C7200
color/dark/moss/700
#5B6000
color/dark/moss/800
#4C5100
color/dark/moss/900
#D7E07E
color/dark/moss/950
#ECF5A1
color / dark / moss alpha
color/dark/moss alpha/25
#119100
1%
color/dark/moss alpha/50
#D8F400
4%
color/dark/moss alpha/100
#E6FB00
9%
color/dark/moss alpha/200
#E6FB00
15%
color/dark/moss alpha/300
#EDFC00
20%
color/dark/moss alpha/400
#EDFD00
25%
color/dark/moss alpha/500
#EFFE00
33%
color/dark/moss alpha/600
#F1FF00
41%
color/dark/moss alpha/700
#F0FF00
33%
color/dark/moss alpha/800
#ECFE00
27%
color/dark/moss alpha/900
#F5FF8F
87%
color/dark/moss alpha/950
#F5FEA7
96%
color / dark / green
color/dark/green/25
#0A140B
color/dark/green/50
#111B12
color/dark/green/100
#152C17
color/dark/green/200
#0D3D17
color/dark/green/300
#104C1C
color/dark/green/400
#115C22
color/dark/green/500
#116D28
color/dark/green/600
#09802C
color/dark/green/700
#007D29
color/dark/green/800
#0F6C27
color/dark/green/900
#6ED17A
color/dark/green/950
#AAF8B1
color / dark / green alpha
color/dark/green alpha/25
#00D100
2%
color/dark/green alpha/50
#12F929
4%
color/dark/green alpha/100
#35FF46
11%
color/dark/green alpha/200
#00FB31
19%
color/dark/green alpha/300
#0EFD3D
25%
color/dark/green alpha/400
#11FD46
32%
color/dark/green alpha/500
#11FE4D
39%
color/dark/green alpha/600
#00FF4B
47%
color/dark/green alpha/700
#00FF46
45%
color/dark/green alpha/800
#0CFE4B
38%
color/dark/green alpha/900
#85FF93
81%
color/dark/green alpha/950
#AFFFB6
97%
color / dark / teal
color/dark/teal/25
#081314
color/dark/teal/50
#0E1C1C
color/dark/teal/100
#022D2F
color/dark/teal/200
#003B3E
color/dark/teal/300
#00484C
color/dark/teal/400
#00575B
color/dark/teal/500
#006A6F
color/dark/teal/600
#008388
color/dark/teal/700
#058F94
color/dark/teal/800
#008287
color/dark/teal/900
#60CDD2
color/dark/teal/950
#AEEEF1
color / dark / teal alpha
color/dark/teal alpha/25
#0091D1
2%
color/dark/teal alpha/50
#00FBFB
5%
color/dark/teal alpha/100
#00EAF9
13%
color/dark/teal alpha/200
#00ECFC
19%
color/dark/teal alpha/300
#00EDFD
25%
color/dark/teal alpha/400
#00F0FD
31%
color/dark/teal alpha/500
#00F2FF
40%
color/dark/teal alpha/600
#00F5FF
50%
color/dark/teal alpha/700
#00F5FE
55%
color/dark/teal alpha/800
#00F3FD
50%
color/dark/teal alpha/900
#73F9FF
81%
color/dark/teal alpha/950
#B8FCFF
94%
color / dark / cyan
color/dark/cyan/25
#071317
color/dark/cyan/50
#0C1B20
color/dark/cyan/100
#002C38
color/dark/cyan/200
#00394B
color/dark/cyan/300
#00475C
color/dark/cyan/400
#00566D
color/dark/cyan/500
#006984
color/dark/cyan/600
#0081A2
color/dark/cyan/700
#00738E
color/dark/cyan/800
#00657F
color/dark/cyan/900
#5ACAED
color/dark/cyan/950
#B8EEFF
color / dark / cyan alpha
color/dark/cyan alpha/25
#005AEC
3%
color/dark/cyan alpha/50
#00A7F2
7%
color/dark/cyan alpha/100
#00B5FE
16%
color/dark/cyan alpha/200
#00B3FC
25%
color/dark/cyan alpha/300
#00BBFD
32%
color/dark/cyan alpha/400
#00C3FE
39%
color/dark/cyan alpha/500
#00C6FD
49%
color/dark/cyan alpha/600
#00C8FE
61%
color/dark/cyan alpha/700
#00CCFF
53%
color/dark/cyan alpha/800
#00C7FF
46%
color/dark/cyan alpha/900
#60D9FF
93%
color/dark/cyan alpha/950
#B8EEFF
color / dark / blue
color/dark/blue/25
#08121E
color/dark/blue/50
#0C1928
color/dark/blue/100
#04274D
color/dark/blue/200
#00306A
color/dark/blue/300
#003C7E
color/dark/blue/400
#014990
color/dark/blue/500
#0C59A7
color/dark/blue/600
#0C6AC6
color/dark/blue/700
#0064C0
color/dark/blue/800
#0957A5
color/dark/blue/900
#73B8FF
color/dark/blue/950
#C8E4FF
color / dark / blue alpha
color/dark/blue alpha/25
#0024FE
5%
color/dark/blue alpha/50
#0063FC
10%
color/dark/blue alpha/100
#0067FD
25%
color/dark/blue alpha/200
#0063FD
38%
color/dark/blue alpha/300
#006FFF
46%
color/dark/blue alpha/400
#0079FE
54%
color/dark/blue alpha/500
#0A84FF
63%
color/dark/blue alpha/600
#0B86FF
76%
color/dark/blue alpha/700
#0082FF
74%
color/dark/blue alpha/800
#0582FF
62%
color/dark/blue alpha/900
#73B8FF
color/dark/blue alpha/950
#C8E4FF
color / dark / cobalt
color/dark/cobalt/25
#0B111E
color/dark/cobalt/50
#101728
color/dark/cobalt/100
#13234F
color/dark/cobalt/200
#172C6A
color/dark/cobalt/300
#1E377E
color/dark/cobalt/400
#26428F
color/dark/cobalt/500
#2F4EA4
color/dark/cobalt/600
#375BC0
color/dark/cobalt/700
#1D40D5
color/dark/cobalt/800
#132BC2
color/dark/cobalt/900
#8EB4FF
color/dark/cobalt/950
#D2E2FF
color / dark / cobalt alpha
color/dark/cobalt alpha/25
#0012FE
5%
color/dark/cobalt alpha/50
#074FFC
10%
color/dark/cobalt alpha/100
#1855FD
26%
color/dark/cobalt alpha/200
#2158FD
38%
color/dark/cobalt alpha/300
#2E64FF
46%
color/dark/cobalt alpha/400
#396EFF
53%
color/dark/cobalt alpha/500
#4274FF
62%
color/dark/cobalt alpha/600
#4576FF
74%
color/dark/cobalt alpha/700
#204AFF
82%
color/dark/cobalt alpha/800
#1434FF
75%
color/dark/cobalt alpha/900
#8EB4FF
color/dark/cobalt alpha/950
#D2E2FF
color / dark / violet
color/dark/violet/25
#100F1F
color/dark/violet/50
#16142B
color/dark/violet/100
#241B55
color/dark/violet/200
#301A78
color/dark/violet/300
#392389
color/dark/violet/400
#432F98
color/dark/violet/500
#503BAF
color/dark/violet/600
#6147D2
color/dark/violet/700
#672BF9
color/dark/violet/800
#5C06E8
color/dark/violet/900
#AEA8FF
color/dark/violet/950
#DDDDFF
color / dark / violet alpha
color/dark/violet alpha/25
#0000FF
6%
color/dark/violet alpha/50
#3F2DFE
11%
color/dark/violet alpha/100
#5434FF
29%
color/dark/violet alpha/200
#5825FD
44%
color/dark/violet alpha/300
#6135FF
51%
color/dark/violet alpha/400
#6946FF
57%
color/dark/violet alpha/500
#6F50FE
67%
color/dark/violet alpha/600
#7454FF
81%
color/dark/violet alpha/700
#692CFF
98%
color/dark/violet alpha/800
#6305FE
91%
color/dark/violet alpha/900
#AEA8FF
color/dark/violet alpha/950
#DDDDFF
color / dark / purple
color/dark/purple/25
#160D19
color/dark/purple/50
#201225
color/dark/purple/100
#34163F
color/dark/purple/200
#451854
color/dark/purple/300
#511E62
color/dark/purple/400
#5E2971
color/dark/purple/500
#743689
color/dark/purple/600
#9647B1
color/dark/purple/700
#9501BA
color/dark/purple/800
#8500A9
color/dark/purple/900
#EB8BFF
color/dark/purple/950
#F3D5FF
color / dark / purple alpha
color/dark/purple alpha/25
#9F00F4
4%
color/dark/purple alpha/50
#BF1CF9
9%
color/dark/purple alpha/100
#C42BFC
20%
color/dark/purple alpha/200
#CA2AFF
28%
color/dark/purple alpha/300
#CD38FF
34%
color/dark/purple alpha/400
#D04DFF
40%
color/dark/purple alpha/500
#D55BFF
51%
color/dark/purple alpha/600
#D661FE
67%
color/dark/purple alpha/700
#CA00FE
71%
color/dark/purple alpha/800
#C700FF
64%
color/dark/purple alpha/900
#EB8BFF
color/dark/purple alpha/950
#F3D5FF
color / dark / pink
color/dark/pink/25
#190C15
color/dark/pink/50
#250E1E
color/dark/pink/100
#3F0C31
color/dark/pink/200
#570043
color/dark/pink/300
#66004F
color/dark/pink/400
#770A5E
color/dark/pink/500
#931B75
color/dark/pink/600
#BB2096
color/dark/pink/700
#AB0088
color/dark/pink/800
#901773
color/dark/pink/900
#FF80E1
color/dark/pink/950
#FFC9F2
color / light / pink alpha
color/light/pink alpha/25
#FF00AA
1%
color/light/pink alpha/50
#FF00A0
3%
color/light/pink alpha/100
#FF009C
9%
color/light/pink alpha/200
#F10095
14%
color/light/pink alpha/300
#E1008F
20%
color/light/pink alpha/400
#D10084
26%
color/light/pink alpha/500
#C40080
34%
color/light/pink alpha/600
#BD007E
44%
color/light/pink alpha/700
#B90091
95%
color/light/pink alpha/800
#AC0088
color/light/pink alpha/900
#BB0090
91%
color/light/pink alpha/950
#62004D
98%
color / dark / pink alpha
color/dark/pink alpha/25
#F40083
4%
color/dark/pink alpha/50
#F900A8
9%
color/dark/pink alpha/100
#FC00B5
20%
color/dark/pink alpha/200
#FF00BB
29%
color/dark/pink alpha/300
#FD00BD
36%
color/dark/pink alpha/400
#FD01C3
43%
color/dark/pink alpha/500
#FE23C7
55%
color/dark/pink alpha/600
#FE26CA
72%
color/dark/pink alpha/700
#FF00C9
65%
color/dark/pink alpha/800
#FE1CC8
54%
color/dark/pink alpha/900
#FF80E1
color/dark/pink alpha/950
#FFC9F2
border / width
border/width/0
0
border/width/1
1
border/width/2
2
border/width/4
4
border/width/8
8