All collections

Primitive

225 custom properties · v0.7.3

color / base

3
white
#ffffff
black
#151516
transparent
rgba(255, 255, 255, 0)

color / alpha

26
white-0
rgba(255, 255, 255, 0)
white-2
rgba(255, 255, 255, 0.02)
white-5
rgba(255, 255, 255, 0.05)
white-10
rgba(255, 255, 255, 0.1)
white-20
rgba(255, 255, 255, 0.2)
white-30
rgba(255, 255, 255, 0.3)
white-40
rgba(255, 255, 255, 0.4)
white-50
rgba(255, 255, 255, 0.5)
white-60
rgba(255, 255, 255, 0.6)
white-70
rgba(255, 255, 255, 0.7)
white-80
rgba(255, 255, 255, 0.8)
white-90
rgba(255, 255, 255, 0.9)
white-100
#ffffff
black-0
rgba(21, 21, 22, 0)
black-2
rgba(21, 21, 22, 0.02)
black-5
rgba(21, 21, 22, 0.05)
black-10
rgba(21, 21, 22, 0.1)
black-20
rgba(21, 21, 22, 0.2)
black-30
rgba(21, 21, 22, 0.3)
black-40
rgba(21, 21, 22, 0.4)
black-50
rgba(21, 21, 22, 0.5)
black-60
rgba(21, 21, 22, 0.6)
black-70
rgba(21, 21, 22, 0.7)
black-80
rgba(21, 21, 22, 0.8)
black-90
rgba(21, 21, 22, 0.9)
black-100
#151516

color / gray

12
50
#f8f9fb
500
#70787d
600
#5c6266
700
#464a4d
800
#36393c
900
#282a2d
950
#212224
1000
#151516
100-brand
#f1f3f7
200-brand
#dfe1e6
300-brand
#b4babf
400-brand
#9fa8b0

color / error

11
50
#fef9f9
100
#fde9ea
200
#fcbfc2
300
#fb8f94
400
#fa5860
500
#db1a24
600
#c30b15
700
#970109
800
#790005
900
#5c0003
950
#4d0003

color / warning

11
50
#fffdf3
100
#fffbe0
200
#fff6b8
300
#fff08a
400
#ffe95e
500
#ffe137
600
#d9be17
700
#ad9812
800
#82720d
900
#5a4f08
950
#3a3305

color / success

11
50
#f5fdfa
100
#d1f5ea
200
#7be2c2
300
#00c88a
400
#00a774
500
#00875d
600
#00704d
700
#0e5341
800
#033f2f
900
#083126
950
#07271f

color / red

11
50
#fef9f9
100
#fde9ea
200
#fcbfc2
300
#fb8f94
400
#fa5860
600
#c30b15
700
#970109
800
#790005
900
#5c0003
950
#4d0003
500-brand
#db1a24

color / yellow

11
50
#fffdf3
100
#fffbe0
200
#fff6b8
300
#fff08a
400
#ffe95e
600
#d9be17
700
#ad9812
800
#82720d
900
#5a4f08
950
#3a3305
500-brand
#ffe137

color / green

11
50
#f5fdfa
100
#d1f5ea
200
#7be2c2
400
#00a774
500
#00875d
600
#00704d
700
#0e5341
900
#083126
950
#07271f
300-brand
#00c88a
800-brand
#033f2f

color / rose

11
50
#fffafe
100
#ffe7fa
200
#ffc4f2
400
#e86ac9
500
#c74390
600
#aa2474
700
#881c55
900
#5d0024
950
#4a001c
300-brand
#ffa6eb
800-brand
#76013a

color / blue

11
50
#f9fcfe
100
#e1f0f9
200
#aad4ee
300
#6fb6e1
500
#237ab8
600
#1e5da6
700
#224599
900
#192164
950
#131a54
400-brand
#3c9cd7
800-brand
#2a337a

color / orange

11
50
#fffaf6
100
#ffe9db
200
#ffc299
300
#ff9248
500
#c75101
600
#a54201
700
#7d3200
800
#622700
900
#491d00
950
#3b1800
400-brand
#ff6701

color / gray-stone

11
50
#f6f5f5
100
#eae8e8
200
#cfcecf
300
#b6b3b5
400
#9e9c9d
500
#777576
700
#4a4849
800
#3a3939
900
#2a2a2a
950
#222222
600-brand
#656364

color / olive

11
50
#fcfbfb
100
#eeedeb
200
#d1cfc9
300
#b1aea2
400
#989384
600
#666151
700
#4c493d
800
#3c392f
900
#2c2a23
950
#23221c
500-brand
#7b7562

color / brand / brand-core

14
red
#db1a24
stone-gray
#656364
gray-cold
#9fa8b0
gray-warm
#b4babf
gray-light
#f1f3f7
rose-dark-old-burgundy
#76013a
rose
#ffa6eb
blue-dark
#2a337a
blue-light
#3c9cd7
green-dark
#033f2f
green-light
#00c88a
yellow-light
#fff6b8
olive-dark
#7b7562
orange
#ff6701

color / brand / master

3
red
#db1a24
gray-dark
#9fa8b0
gray-light
#f1f3f7

color / brand / play-and-commercial-systems

7
red
#db1a24
rose-dark
#76013a
rose-light
#ffa6eb
blue-dark
#2a337a
blue-light
#3c9cd7
green-dark
#033f2f
green-light
#00c88a

color / brand / fitness

3
orange
#ff6701
gray-dark
#b4babf
gray-light
#f1f3f7

color / brand / designstudio

4
stone-gray
#656364
yellow
#fff6b8
olive-dark
#7b7562
gray-light
#f1f3f7

space

32
0px
2px
4px
6px
8px
12px
16px
20px
24px
32px
40px
48px
64px
80px
96px
128px
160px
192px
224px
256px
320px
384px
480px
560px
640px
720px
768px
1024px
1280px
1440px
1600px
1920px