Design System Colors

100

--main-cinza-100

#f0f0f0

200

--main-cinza-200

#e1e1e1

300

--main-cinza-300

#c3c3c3

400

--main-cinza-400

#878787

500

--main-cinza-500

#777777

600

--main-cinza-600

#666666

700

--main-cinza-700

#444444

100

--main-ciano-100

#e5faf9

200

--main-ciano-200

#caf4f2

300

--main-ciano-300

#95e9e4

400

--main-ciano-400

#2ad2c9

500

--main-ciano-500

#209e97

600

--main-ciano-600

#156965

700

--main-ciano-700

#104f4c

100

--main-teal-100

#e0f4f3

200

--main-teal-200

#c0e9e6

300

--main-teal-300

#80d2cc

400

--main-teal-400

#00a499

500

--main-teal-500

#007b73

600

--main-teal-600

#00524d

700

--main-teal-700

#003333

100

--main-botnico-100

#f4faec

200

--main-botnico-200

#e9f5d8

300

--main-botnico-300

#d2ebb1

400

--main-botnico-400

#a4d663

500

--main-botnico-500

#90bc57

600

--main-botnico-600

#7ba14b

700

--main-botnico-700

#67863f

100

--main-laranja-100

#fef4e0

200

--main-laranja-200

#fde9c0

300

--main-laranja-300

#fbd380

400

--main-laranja-400

#f7a600

500

--main-laranja-500

#d99200

600

--main-laranja-600

#ba7d00

700

--main-laranja-700

#7c5300

100

--monochrome-light-100

#eeeeee

200

--monochrome-light-200

#eaeaea

300

--monochrome-light-300

#e6e6e6

400

--monochrome-light-400

#dddddd

500

--monochrome-light-500

#d5d5d5

600

--monochrome-light-600

#cccccc

100

--monochrome-grey-100

#969696

200

--monochrome-grey-200

#939393

300

--monochrome-grey-300

#8f8f8f

400

--monochrome-grey-400

#878787

500

--monochrome-grey-500

#808080

600

--monochrome-grey-600

#787878

100

--monochrome-dark-100

#323232

200

--monochrome-dark-200

#2d2d2d

300

--monochrome-dark-300

#2b2b2b

400

--monochrome-dark-400

#282828

500

--monochrome-dark-500

#232323

600

--monochrome-dark-600

#1e1e1e