Grays

100

200

300

400

500

600

700

800

900

gray

#f8f9fa

#e9ecef

#dee2e6

#ced4da

#adb5bd

#6c757d

#495057

#343a40

#212529

Theme Colors

100

200

300

400

500

600

700

800

900

danger

#f8d7da

#f1aeb5

#ea868f

#e35d6a

#dc3545

#b02a37

#842029

#58151c

#2c0b0e

dark

#d3d3d4

#a6a8a9

#7a7c7f

#4d5154

#212529

#1a1e21

#141619

#0d0f10

#070708

error

#f8d7da

#f1aeb5

#ea868f

#e35d6a

#dc3545

#b02a37

#842029

#58151c

#2c0b0e

info

#cff4fc

#9eeaf9

#6edff6

#3dd5f3

#0dcaf0

#0aa2c0

#087990

#055160

#032830

light

#fefefe

#fcfdfd

#fbfbfc

#f9fafb

#f8f9fa

#c6c7c8

#959596

#636464

#323232

primary

#cfe2ff

#9ec5fe

#6ea8fe

#3d8bfd

#0d6efd

#0a58ca

#084298

#052c65

#031633

secondary

#e2e3e5

#c4c8cb

#a7acb1

#899197

#6c757d

#565e64

#41464b

#2b2f32

#161719

success

#d1e7dd

#a3cfbb

#75b798

#479f76

#198754

#146c43

#0f5132

#0a3622

#051b11

warning

#fff3cd

#ffe69c

#ffda6a

#ffcd39

#ffc107

#cc9a06

#997404

#664d03

#332701

Other Colors

100

200

300

400

500

600

700

800

900

blue

#cfe2ff

#9ec5fe

#6ea8fe

#3d8bfd

#0d6efd

#0a58ca

#084298

#052c65

#031633

cyan

#cff4fc

#9eeaf9

#6edff6

#3dd5f3

#0dcaf0

#0aa2c0

#087990

#055160

#032830

green

#d1e7dd

#a3cfbb

#75b798

#479f76

#198754

#146c43

#0f5132

#0a3622

#051b11

indigo

#e0cffc

#c29ffa

#a370f7

#8540f5

#6610f2

#520dc2

#3d0a91

#290661

#140330

orange

#ffe5d0

#fecba1

#feb272

#fd9843

#fd7e14

#ca6510

#984c0c

#653208

#331904

pink

#f7d6e6

#efadce

#e685b5

#de5c9d

#d63384

#ab296a

#801f4f

#561435

#2b0a1a

purple

#e2d9f3

#c5b3e6

#a98eda

#8c68cd

#6f42c1

#59359a

#432874

#2c1a4d

#160d27

red

#f8d7da

#f1aeb5

#ea868f

#e35d6a

#dc3545

#b02a37

#842029

#58151c

#2c0b0e

teal

#d2f4ea

#a6e9d5

#79dfc1

#4dd4ac

#20c997

#1aa179

#13795b

#0d503c

#06281e

yellow

#fff3cd

#ffe69c

#ffda6a

#ffcd39

#ffc107

#cc9a06

#997404

#664d03

#332701