Log inSign up
Color Groups

Colors

tint

#ffffff09
hsla(0,0%,100%,0.035)
rgba(255,255,255,0.035)
21.001.00
#ffffff1a
hsla(0,0%,100%,0.1)
rgba(255,255,255,0.1)
21.001.00
#ffffff30
hsla(0,0%,100%,0.19)
rgba(255,255,255,0.19)
21.001.00
#ffffff47
hsla(0,0%,100%,0.28)
rgba(255,255,255,0.28)
21.001.00
#ffffff5c
hsla(0,0%,100%,0.36)
rgba(255,255,255,0.36)
21.001.00
#ffffff73
hsla(0,0%,100%,0.45)
rgba(255,255,255,0.45)
21.001.00
#ffffff8c
hsla(0,0%,100%,0.55)
rgba(255,255,255,0.55)
21.001.00
#ffffffa3
hsla(0,0%,100%,0.64)
rgba(255,255,255,0.64)
21.001.00
#ffffffba
hsla(0,0%,100%,0.73)
rgba(255,255,255,0.73)
21.001.00
#ffffffd0
hsla(0,0%,100%,0.815)
rgba(255,255,255,0.815)
21.001.00
#ffffffe4
hsla(0,0%,100%,0.895)
rgba(255,255,255,0.895)
21.001.00
#fffffff0
hsla(0,0%,100%,0.94)
rgba(255,255,255,0.94)
21.001.00

shade

#000000f0
hsla(0,0%,0%,0.94)
rgba(0,0,0,0.94)
1.0021.00
#000000e4
hsla(0,0%,0%,0.895)
rgba(0,0,0,0.895)
1.0021.00
#000000d0
hsla(0,0%,0%,0.815)
rgba(0,0,0,0.815)
1.0021.00
#000000ba
hsla(0,0%,0%,0.73)
rgba(0,0,0,0.73)
1.0021.00
#000000a3
hsla(0,0%,0%,0.64)
rgba(0,0,0,0.64)
1.0021.00
#0000008c
hsla(0,0%,0%,0.55)
rgba(0,0,0,0.55)
1.0021.00
#00000073
hsla(0,0%,0%,0.45)
rgba(0,0,0,0.45)
1.0021.00
#0000005c
hsla(0,0%,0%,0.36)
rgba(0,0,0,0.36)
1.0021.00
#00000047
hsla(0,0%,0%,0.28)
rgba(0,0,0,0.28)
1.0021.00
#00000030
hsla(0,0%,0%,0.19)
rgba(0,0,0,0.19)
1.0021.00
#0000001a
hsla(0,0%,0%,0.1)
rgba(0,0,0,0.1)
1.0021.00
#00000009
hsla(0,0%,0%,0.035)
rgba(0,0,0,0.035)
1.0021.00

gray

#000000
hsl(0,0%,0%)
rgb(0,0,0)
1.0021.00
#171717
hsl(0,0%,9.02%)
rgb(23,23,23)
1.1717.93
#2f2f2f
hsl(0,0%,18.43%)
rgb(47,47,47)
1.5713.39
#464646
hsl(0,0%,27.45%)
rgb(70,70,70)
2.229.44
#5e5e5e
hsl(0,0%,36.86%)
rgb(94,94,94)
3.246.48
#757575
hsl(0,0%,45.88%)
rgb(117,117,117)
4.564.61
#8c8c8c
hsl(0,0%,54.9%)
rgb(140,140,140)
6.253.36
#a3a3a3
hsl(0,0%,63.92%)
rgb(163,163,163)
8.332.52
#bababa
hsl(0,0%,72.94%)
rgb(186,186,186)
10.821.94
#d1d1d1
hsl(0,0%,81.96%)
rgb(209,209,209)
13.751.53
#e8e8e8
hsl(0,0%,90.98%)
rgb(232,232,232)
17.141.23
#ffffff
hsl(0,0%,100%)
rgb(255,255,255)
21.001.00

slate gray

#09090b
hsl(240,10%,3.92%)
rgb(9,9,11)
1.0619.90
#1d1d22
hsl(240,7.94%,12.35%)
rgb(29,29,34)
1.2516.79
#313138
hsl(240,6.67%,20.59%)
rgb(49,49,56)
1.6312.91
#45444f
hsl(245.45,7.48%,28.82%)
rgb(69,68,79)
2.199.58
#595866
hsl(244.29,7.37%,37.25%)
rgb(89,88,102)
3.016.97
#6d6c7d
hsl(243.53,7.3%,45.69%)
rgb(109,108,125)
4.095.13
#838292
hsl(243.75,6.84%,54.12%)
rgb(131,130,146)
5.573.77
#9a9aa7
hsl(240,6.88%,62.94%)
rgb(154,154,167)
7.552.78
#b2b1bb
hsl(246,6.85%,71.37%)
rgb(178,177,187)
9.902.12
#c9c9d0
hsl(240,6.93%,80.2%)
rgb(201,201,208)
12.751.65
#e1e0e4
hsl(255,6.9%,88.63%)
rgb(225,224,228)
15.981.31
#f8f8f9
hsl(240,7.69%,97.45%)
rgb(248,248,249)
19.791.06

blue

#030a1a
hsl(221.74,79.31%,5.69%)
rgb(3,10,26)
1.0619.77
#071a44
hsl(221.31,81.33%,14.71%)
rgb(7,26,68)
1.2416.93
#0c2a6e
hsl(221.63,80.33%,23.92%)
rgb(12,42,110)
1.5713.36
#103a99
hsl(221.61,81.07%,33.14%)
rgb(16,58,153)
2.0910.06
#1549c3
hsl(222.07,80.56%,42.35%)
rgb(21,73,195)
2.777.57
#1959ee
hsl(221.97,86.23%,51.57%)
rgb(25,89,238)
3.705.67
#3170ff
hsl(221.65,100%,59.61%)
rgb(49,112,255)
4.894.29
#578aff
hsl(221.79,100%,67.06%)
rgb(87,138,255)
6.483.24
#7da5ff
hsl(221.54,100%,74.51%)
rgb(125,165,255)
8.702.41
#a3bfff
hsl(221.74,100%,81.96%)
rgb(163,191,255)
11.451.83
#c9d9ff
hsl(222.22,100%,89.41%)
rgb(201,217,255)
14.851.41
#eff4ff
hsl(221.25,100%,96.86%)
rgb(239,244,255)
19.051.10

indigo

#0a0614
hsl(257.14,53.85%,5.1%)
rgb(10,6,20)
1.0520.02
#1f143f
hsl(255.35,51.81%,16.27%)
rgb(31,20,63)
1.2317.07
#33216a
hsl(254.79,52.52%,27.25%)
rgb(51,33,106)
1.5713.41
#482e95
hsl(255.15,52.82%,38.24%)
rgb(72,46,149)
2.1010.00
#5d3bc0
hsl(255.34,52.99%,49.22%)
rgb(93,59,192)
2.857.36
#7149eb
hsl(254.81,80.2%,60.39%)
rgb(113,73,235)
3.855.45
#875fff
hsl(255,100%,68.63%)
rgb(135,95,255)
5.114.11
#9d7cff
hsl(255.11,100%,74.31%)
rgb(157,124,255)
6.763.11
#b39aff
hsl(254.85,100%,80.2%)
rgb(179,154,255)
8.982.34
#c9b7ff
hsl(255,100%,85.88%)
rgb(201,183,255)
11.701.79
#e0d5ff
hsl(255.71,100%,91.76%)
rgb(224,213,255)
15.131.39
#f6f3ff
hsl(255,100%,97.65%)
rgb(246,243,255)
19.181.09

violet

#130018
hsl(287.5,100%,4.71%)
rgb(19,0,24)
1.0420.18
#34003f
hsl(289.52,100%,12.35%)
rgb(52,0,63)
1.2217.24
#540067
hsl(288.93,100%,20.2%)
rgb(84,0,103)
1.5713.35
#74008e
hsl(289.01,100%,27.84%)
rgb(116,0,142)
2.139.84
#9400b5
hsl(289.06,100%,35.49%)
rgb(148,0,181)
2.937.18
#b500dd
hsl(289.14,100%,43.33%)
rgb(181,0,221)
4.015.24
#c819ef
hsl(289.07,86.99%,51.76%)
rgb(200,25,239)
4.844.34
#d243f2
hsl(289.03,87.06%,60.59%)
rgb(210,67,242)
5.833.60
#dc6ef5
hsl(288.89,87.1%,69.61%)
rgb(220,110,245)
7.592.77
#e698f8
hsl(288.75,87.27%,78.43%)
rgb(230,152,248)
10.212.06
#f1c3fb
hsl(289.29,87.5%,87.45%)
rgb(241,195,251)
13.941.51
#fbedfe
hsl(289.41,89.47%,96.27%)
rgb(251,237,254)
18.651.13

magenta

#13020d
hsl(321.18,80.95%,4.12%)
rgb(19,2,13)
1.0420.15
#370626
hsl(320.82,80.33%,11.96%)
rgb(55,6,38)
1.2217.26
#5b0a3e
hsl(321.48,80.2%,19.8%)
rgb(91,10,62)
1.5613.48
#7f0e57
hsl(321.24,80.14%,27.65%)
rgb(127,14,87)
2.109.99
#a2126f
hsl(321.25,80%,35.29%)
rgb(162,18,111)
2.857.36
#c61688
hsl(321.14,80%,43.14%)
rgb(198,22,136)
3.875.42
#d92f9d
hsl(321.18,69.11%,51.76%)
rgb(217,47,157)
4.844.34
#e056af
hsl(321.3,69%,60.78%)
rgb(224,86,175)
6.123.43
#e77dc1
hsl(321.51,68.83%,69.8%)
rgb(231,125,193)
8.102.59
#eea3d4
hsl(320.8,68.81%,78.63%)
rgb(238,163,212)
10.821.94
#f5cae6
hsl(320.93,68.25%,87.65%)
rgb(245,202,230)
14.471.45
#fcf1f8
hsl(321.82,64.71%,96.67%)
rgb(252,241,248)
19.081.10

red

#130004
hsl(347.37,100%,3.73%)
rgb(19,0,4)
1.0320.40
#3b000c
hsl(347.8,100%,11.57%)
rgb(59,0,12)
1.1917.63
#630014
hsl(347.88,100%,19.41%)
rgb(99,0,20)
1.5413.63
#8b011c
hsl(348.26,98.57%,27.45%)
rgb(139,1,28)
2.129.91
#b20124
hsl(348.14,98.88%,35.1%)
rgb(178,1,36)
2.927.18
#da012c
hsl(348.11,99.09%,42.94%)
rgb(218,1,44)
4.025.22
#ef1842
hsl(348.28,87.04%,51.57%)
rgb(239,24,66)
4.884.30
#f24265
hsl(348.07,87.13%,60.39%)
rgb(242,66,101)
5.743.66
#f56d88
hsl(348.09,87.18%,69.41%)
rgb(245,109,136)
7.432.83
#f898ab
hsl(348.13,87.27%,78.43%)
rgb(248,152,171)
10.072.09
#fbc3ce
hsl(348.21,87.5%,87.45%)
rgb(251,195,206)
13.801.52
#feedf1
hsl(345.88,89.47%,96.27%)
rgb(254,237,241)
18.601.13

red orange

#190b05
hsl(18,66.67%,5.88%)
rgb(25,11,5)
1.0919.24
#3d1307
hsl(13.33,79.41%,13.33%)
rgb(61,19,7)
1.2916.22
#601b0a
hsl(11.86,81.13%,20.78%)
rgb(96,27,10)
1.6612.66
#84240c
hsl(12,83.33%,28.24%)
rgb(132,36,12)
2.249.38
#a72c0e
hsl(11.76,84.53%,35.49%)
rgb(167,44,14)
3.016.98
#cb3411
hsl(11.29,84.55%,43.14%)
rgb(203,52,17)
4.045.20
#ee3c13
hsl(11.23,86.56%,50.39%)
rgb(238,60,19)
5.293.97
#fe562f
hsl(11.3,99.04%,59.02%)
rgb(254,86,47)
6.593.19
#fe7d5e
hsl(11.62,98.77%,68.24%)
rgb(254,125,94)
8.312.53
#ffa48e
hsl(11.68,100%,77.84%)
rgb(255,164,142)
10.951.92
#ffccbe
hsl(12.92,100%,87.25%)
rgb(255,204,190)
14.631.44
#fff3ee
hsl(17.65,100%,96.67%)
rgb(255,243,238)
19.311.09

orange

#150d04
hsl(31.76,68%,4.9%)
rgb(21,13,4)
1.0919.24
#2e1c08
hsl(31.58,70.37%,10.59%)
rgb(46,28,8)
1.2916.33
#472a0c
hsl(30.51,71.08%,16.27%)
rgb(71,42,12)
1.6013.09
#603910
hsl(30.75,71.43%,21.96%)
rgb(96,57,16)
2.0910.05
#794714
hsl(30.3,71.63%,27.65%)
rgb(121,71,20)
2.727.71
#a65d13
hsl(30.2,79.46%,36.27%)
rgb(166,93,19)
4.205.00
#d37413
hsl(30.31,83.48%,45.1%)
rgb(211,116,19)
6.283.35
#ff8a14
hsl(30.13,100%,53.92%)
rgb(255,138,20)
8.902.36
#ffa54a
hsl(30.17,100%,64.51%)
rgb(255,165,74)
10.731.96
#ffc081
hsl(30,100%,75.29%)
rgb(255,192,129)
13.111.60
#ffdab7
hsl(29.17,100%,85.88%)
rgb(255,218,183)
15.961.32
#fff5ed
hsl(26.67,100%,96.47%)
rgb(255,245,237)
19.541.07

gold

#140e05
hsl(36,60%,4.9%)
rgb(20,14,5)
1.0919.18
#2c1f0a
hsl(37.06,62.96%,10.59%)
rgb(44,31,10)
1.3116.06
#432f0e
hsl(37.36,65.43%,15.88%)
rgb(67,47,14)
1.6512.71
#5b4013
hsl(37.5,65.45%,21.57%)
rgb(91,64,19)
2.199.60
#725118
hsl(38,65.22%,27.06%)
rgb(114,81,24)
2.917.23
#946818
hsl(38.71,72.09%,33.73%)
rgb(148,104,24)
4.254.94
#d4950d
hsl(41.01,88.44%,44.12%)
rgb(212,149,13)
8.102.59
#eeb028
hsl(41.21,85.34%,54.51%)
rgb(238,176,40)
10.881.93
#f2c259
hsl(41.18,85.47%,64.9%)
rgb(242,194,89)
12.641.66
#f7d38a
hsl(40.18,87.2%,75.49%)
rgb(247,211,138)
14.641.43
#fbe5bc
hsl(39.05,88.73%,86.08%)
rgb(251,229,188)
17.041.23
#fff5e9
hsl(32.73,100%,95.69%)
rgb(255,245,233)
19.491.08

yellow

#111006
hsl(54.55,47.83%,4.51%)
rgb(17,16,6)
1.1019.08
#252405
hsl(58.13,76.19%,8.24%)
rgb(37,36,5)
1.3315.75
#3a3804
hsl(57.78,87.1%,12.16%)
rgb(58,56,4)
1.7512.02
#4e4d03
hsl(59.2,92.59%,15.88%)
rgb(78,77,3)
2.398.80
#636101
hsl(58.78,98%,19.61%)
rgb(99,97,1)
3.246.48
#777500
hsl(58.99,100%,23.33%)
rgb(119,117,0)
4.334.85
#ccc500
hsl(57.94,100%,40%)
rgb(204,197,0)
11.551.82
#fcf433
hsl(57.61,97.1%,59.41%)
rgb(252,244,51)
18.131.16
#fdf67a
hsl(56.79,97.04%,73.53%)
rgb(253,246,122)
18.641.13
#fdf89b
hsl(56.94,96.08%,80%)
rgb(253,248,155)
19.081.10
#fef9bb
hsl(55.52,97.1%,86.47%)
rgb(254,249,187)
19.481.08
#fefadb
hsl(53.14,94.59%,92.75%)
rgb(254,250,219)
19.911.05

green

#091108
hsl(113.33,36%,4.9%)
rgb(9,17,8)
1.1019.17
#0f2611
hsl(125.22,43.4%,10.39%)
rgb(15,38,17)
1.3116.08
#153c1a
hsl(127.69,48.15%,15.88%)
rgb(21,60,26)
1.6912.40
#1b5122
hsl(127.78,50%,21.18%)
rgb(27,81,34)
2.259.35
#21662b
hsl(128.7,51.11%,26.47%)
rgb(33,102,43)
3.007.00
#25833a
hsl(133.4,55.95%,32.94%)
rgb(37,131,58)
4.394.79
#26b056
hsl(140.87,64.49%,41.96%)
rgb(38,176,86)
7.432.83
#35d272
hsl(143.31,63.56%,51.57%)
rgb(53,210,114)
10.611.98
#63dd90
hsl(142.13,64.21%,62.75%)
rgb(99,221,144)
12.281.71
#90e8ae
hsl(140.45,65.67%,73.73%)
rgb(144,232,174)
14.341.46
#bdf3cc
hsl(136.67,69.23%,84.71%)
rgb(189,243,204)
16.861.25
#eafeea
hsl(120,90.91%,95.69%)
rgb(234,254,234)
19.861.06

teal

#07100c
hsl(153.33,39.13%,4.51%)
rgb(7,16,12)
1.0919.29
#0c231a
hsl(156.52,48.94%,9.22%)
rgb(12,35,26)
1.2716.52
#113628
hsl(157.3,52.11%,13.92%)
rgb(17,54,40)
1.5813.27
#164936
hsl(157.65,53.68%,18.63%)
rgb(22,73,54)
2.0410.29
#1b5b45
hsl(159.38,54.24%,23.14%)
rgb(27,91,69)
2.637.99
#177f63
hsl(163.85,69.33%,29.41%)
rgb(23,127,99)
4.254.94
#12a282
hsl(166.67,80%,35.29%)
rgb(18,162,130)
6.523.22
#2abb9b
hsl(166.76,63.32%,44.9%)
rgb(42,187,155)
8.682.42
#5acab1
hsl(166.61,51.38%,57.25%)
rgb(90,202,177)
10.522.00
#8bdac7
hsl(165.57,51.63%,70%)
rgb(139,218,199)
12.951.62
#bbe9dc
hsl(163.04,51.11%,82.35%)
rgb(187,233,220)
15.801.33
#ecf8f2
hsl(150,46.15%,94.9%)
rgb(236,248,242)
19.281.09

cyan

#0a1211
hsl(172.5,28.57%,5.49%)
rgb(10,18,17)
1.1118.96
#0e2526
hsl(182.5,46.15%,10.2%)
rgb(14,37,38)
1.3116.01
#12373a
hsl(184.5,52.63%,14.9%)
rgb(18,55,58)
1.6312.86
#164a4f
hsl(185.26,56.44%,19.8%)
rgb(22,74,79)
2.139.88
#1b5d64
hsl(185.75,57.48%,24.9%)
rgb(27,93,100)
2.807.51
#187a86
hsl(186.55,69.62%,30.98%)
rgb(24,122,134)
4.175.04
#0ba6bd
hsl(187.75,89%,39.22%)
rgb(11,166,189)
7.202.92
#05cfee
hsl(187.98,95.88%,47.65%)
rgb(5,207,238)
11.171.88
#3cdbf3
hsl(187.87,88.41%,59.41%)
rgb(60,219,243)
12.621.66
#74e7f7
hsl(187.33,89.12%,71.18%)
rgb(116,231,247)
14.521.45
#abf3fb
hsl(186,90.91%,82.75%)
rgb(171,243,251)
16.941.24
#e2ffff
hsl(180,100%,94.31%)
rgb(226,255,255)
19.981.05

Typefaces

Playfair Display
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
1
2
3
4
5
6
7
8
9
0
+
=
!
@
#
$
%
^
&
100

Aa

200

Aa

300

Aa

400

Aa

500

Aa

600

Aa

700

Aa

800

Aa

900

Aa

Work Sans
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
1
2
3
4
5
6
7
8
9
0
+
=
!
@
#
$
%
^
&
100

Aa

200

Aa

300

Aa

400

Aa

500

Aa

600

Aa

700

Aa

800

Aa

900

Aa

"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
1
2
3
4
5
6
7
8
9
0
+
=
!
@
#
$
%
^
&
100

Aa

200

Aa

300

Aa

400

Aa

500

Aa

600

Aa

700

Aa

800

Aa

900

Aa

Type Scale

AAAAAAAAAAA
0.75rem0.875rem1rem1.125rem1.25rem1.5rem2rem3rem4rem6rem8rem

Line Heights

solid: 1

Multi-line title at a larger font-size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

heading: 1.25

Multi-line title at a larger font-size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

body: 1.5

Multi-line title at a larger font-size

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

Tracking

tracked: 0.1em

Tracked text example

negative: -0.05em

Tracked text example

large: 0.25em

Tracked text example

Spacing

Border Radius

0
4px
6px
8px
16px
32px
9999px

Border Widths

0
1px
2px
4px
8px

Box Shadows

00px 1px 1px 0px hsla(0, 0%, 0%, 0.035), 0px 2px 2px 0px rgba(0, 0, 0, 0.125), 0px 4px 4px 0px rgba(0, 0, 0, 0.125), 0px 8px 8px 0px rgba(0, 0, 0, 0.125), 0px 16px 16px 0px rgba(0, 0, 0, 0.125)
10px 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 2px 2px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.15), 0px 8px 8px 0px rgba(0, 0, 0, 0.15)
20px 1px 1px 0px rgba(0, 0, 0, 0.11), 0px 2px 2px 0px rgba(0, 0, 0, 0.11), 0px 4px 4px 0px rgba(0, 0, 0, 0.11), 0px 8px 8px 0px rgba(0, 0, 0, 0.11), 0px 16px 16px 0px rgba(0, 0, 0, 0.11), 0px 32px 32px 0px rgba(0, 0, 0, 0.11)
30px 1px 1px 0px rgba(0, 0, 0, 0.25), 0px 2px 2px 0px rgba(0, 0, 0, 0.20), 0px 4px 4px 0px rgba(0, 0, 0, 0.15), 0px 8px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.05)
40px 1px 1px 0px rgba(0, 0, 0, 0.25), 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.15), 0px 8px 8px 0px rgba(0, 0, 0, 0.1), 0px 16px 16px 0px rgba(0, 0, 0, 0.05)
50px 19px 38px 0px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.16), 0px 8px 8px 0px rgba(0, 0, 0, 0.2)
borderinset 0px 0px 0px 1px currentColor
border light overlayinset 0px 0px 0px 1px rgba(255, 255, 255, 0.13)
border dark overlayinset 0px 1px 0px 1px rgba(0, 0, 0, 0.13)

Durations

250ms
375ms
500ms

Easing Functions

0
linear
1
cubic-bezier(0.828, 0.39, 0.236, 1.167)
2
ease