Color

This document is a living standard.

Expect changes — potentially breaking changes — on the contents of this document. You can use it in production, but keep an eye on the changelog and periodically check the stability of its use.

grey.50
#f7f8f9
0.937
grey.100
#eff0f2
0.871
grey.200
#dfe2e5
0.757
grey.300
#c9ced3
0.613
grey.400
#aab2ba
0.439
grey.500
#8e99a4
0.312
grey.600
#66727e
0.164
grey.700
#4e5760
0.0928
grey.800
#343a40
0.0413
grey.900
#15181a
0.00887
red.50
#fff9fb
0.960
red.100
#FFEAF1
0.865
red.200
#FFD2E1
0.728
red.300
#FFA3C2
0.513
red.400
#FF6D9E
0.347
red.500
#EC004F
0.184
red.600
#AE003A
0.0930
red.700
#770028
0.0408
red.800
#460017
0.0136
red.900
#2a000e
0.00524
yellow.100
#FFFAEB
0.956
yellow.200
#FEF0C7
0.875
yellow.300
#FEDF89
0.757
yellow.400
#FEC84B
0.629
yellow.500
#FDB022
0.520
yellow.600
#F79009
0.397
yellow.700
#DC6803
0.251
yellow.800
#B54708
0.143
yellow.900
#93370D
0.0896
brown.50
#fefdf9
0.982
brown.100
#fcf2da
0.893
brown.200
#f7e0a6
0.758
brown.300
#f2cb6a
0.626
brown.400
#e7ab15
0.462
brown.500
#b68710
0.273
brown.600
#906b0d
0.165
brown.700
#77580b
0.109
brown.800
#493607
0.0407
brown.900
#1e1603
0.00856
green.50
#f7fff7
0.980
green.100
#E7F8EF
0.904
green.200
#C0EED8
0.773
green.300
#83DCB2
0.592
green.400
#44C88A
0.444
green.500
#05B763
0.348
green.600
#039C54
0.244
green.700
#05894A
0.184
green.800
#005D32
0.0806
green.900
#022E19
0.0204
dark-green.50
#E6F4E6
0.872
dark-green.100
#BFE3BF
0.698
dark-green.200
#80C780
0.470
dark-green.300
#40AB40
0.306
dark-green.400
#008E00
0.193
dark-green.500
#007900
0.137
dark-green.600
#006B00
0.105
dark-green.700
#004700
0.0451
dark-green.800
#002400
0.0126
dark-green.900
#000E00
0.00314
aqua.50
#f2fcfe
0.957
aqua.100
#d8f5fd
0.870
aqua.200
#a8e9fb
0.736
aqua.300
#52d3f7
0.551
aqua.400
#0bb5e4
0.387
aqua.500
#0997be
0.259
aqua.600
#077b9b
0.166
aqua.700
#065e76
0.0935
aqua.800
#043f4f
0.0415
aqua.900
#02242d
0.0146
blue.50
#f7faff
0.954
blue.100
#E7F1FE
0.871
blue.200
#C6DDFE
0.709
blue.300
#95C0FD
0.512
blue.400
#67A5FC
0.368
blue.500
#0E70FA
0.186
blue.600
#0450BA
0.0931
blue.700
#03367D
0.0414
blue.800
#021E46
0.0138
blue.900
#011026
0.00517
purple.50
#fcf9ff
0.957
purple.100
#F4ECFE
0.864
purple.200
#E7D4FD
0.712
purple.300
#D2AFFB
0.513
purple.400
#BF8CF9
0.367
purple.500
#9A4BF5
0.185
purple.600
#700CE3
0.0925
purple.700
#4D089B
0.0412
purple.800
#2C0559
0.0137
purple.900
#1a0334
0.00533
fuchsia.50
#fff8fe
0.956
fuchsia.100
#FFE9FB
0.865
fuchsia.200
#FFD0F6
0.730
fuchsia.300
#FF9DEB
0.514
fuchsia.400
#FF5FDF
0.348
fuchsia.500
#D400AB
0.169
fuchsia.600
#A20082
0.0929
fuchsia.700
#6f0059
0.0410
fuchsia.800
#410034
0.0137
fuchsia.900
#27001f
0.00530
teal.50
#effcfc
0.950
teal.100
#D3F7F6
0.870
teal.200
#98ECEB
0.727
teal.300
#27D3D0
0.516
teal.400
#20B1AF
0.348
teal.500
#188583
0.186
teal.600
#12605F
0.0932
teal.700
#0C403F
0.0410
teal.800
#062322
0.0136
teal.900
#031313
0.00532
transparent
rgba(255,255,255,0)
black
#000
white
#fff
JOBILLA DESIGN SYSTEM