Colors | Foundations

Color

Primary

lighter

#C8FAD6 Hex200 250 214 Rgb--palette-primary-lighter Var

light

#5BE49B Hex91 228 155 Rgb--palette-primary-light Var

main

#00A76F Hex0 167 111 Rgb--palette-primary-main Var

dark

#007867 Hex0 120 103 Rgb--palette-primary-dark Var

darker

#004B50 Hex0 75 80 Rgb--palette-primary-darker Var

Secondary

lighter

#EFD6FF Hex239 214 255 Rgb--palette-secondary-lighter Var

light

#C684FF Hex198 132 255 Rgb--palette-secondary-light Var

main

#8E33FF Hex142 51 255 Rgb--palette-secondary-main Var

dark

#5119B7 Hex81 25 183 Rgb--palette-secondary-dark Var

darker

#27097A Hex39 9 122 Rgb--palette-secondary-darker Var

Info

lighter

#CAFDF5 Hex202 253 245 Rgb--palette-info-lighter Var

light

#61F3F3 Hex97 243 243 Rgb--palette-info-light Var

main

#00B8D9 Hex0 184 217 Rgb--palette-info-main Var

dark

#006C9C Hex0 108 156 Rgb--palette-info-dark Var

darker

#003768 Hex0 55 104 Rgb--palette-info-darker Var

Success

lighter

#D3FCD2 Hex211 252 210 Rgb--palette-success-lighter Var

light

#77ED8B Hex119 237 139 Rgb--palette-success-light Var

main

#22C55E Hex34 197 94 Rgb--palette-success-main Var

dark

#118D57 Hex17 141 87 Rgb--palette-success-dark Var

darker

#065E49 Hex6 94 73 Rgb--palette-success-darker Var

Warning

lighter

#FFF5CC Hex255 245 204 Rgb--palette-warning-lighter Var

light

#FFD666 Hex255 214 102 Rgb--palette-warning-light Var

main

#FFAB00 Hex255 171 0 Rgb--palette-warning-main Var

dark

#B76E00 Hex183 110 0 Rgb--palette-warning-dark Var

darker

#7A4100 Hex122 65 0 Rgb--palette-warning-darker Var

Error

lighter

#FFE9D5 Hex255 233 213 Rgb--palette-error-lighter Var

light

#FFAC82 Hex255 172 130 Rgb--palette-error-light Var

main

#FF5630 Hex255 86 48 Rgb--palette-error-main Var

dark

#B71D18 Hex183 29 24 Rgb--palette-error-dark Var

darker

#7A0916 Hex122 9 22 Rgb--palette-error-darker Var

Grey

50

#FCFDFD Hex252 253 253 Rgb--palette-grey-50 Var

100

#F9FAFB Hex249 250 251 Rgb--palette-grey-100 Var

200

#F4F6F8 Hex244 246 248 Rgb--palette-grey-200 Var

300

#DFE3E8 Hex223 227 232 Rgb--palette-grey-300 Var

400

#C4CDD5 Hex196 205 213 Rgb--palette-grey-400 Var

500

#919EAB Hex145 158 171 Rgb--palette-grey-500 Var

600

#637381 Hex99 115 129 Rgb--palette-grey-600 Var

700

#454F5B Hex69 79 91 Rgb--palette-grey-700 Var

800

#1C252E Hex28 37 46 Rgb--palette-grey-800 Var

900

#141A21 Hex20 26 33 Rgb--palette-grey-900 Var

Color

Primary

lighter

#C8FAD6 Hex200 250 214 Rgb--palette-primary-lighter Var

light

#5BE49B Hex91 228 155 Rgb--palette-primary-light Var

main

#00A76F Hex0 167 111 Rgb--palette-primary-main Var

dark

#007867 Hex0 120 103 Rgb--palette-primary-dark Var

darker

#004B50 Hex0 75 80 Rgb--palette-primary-darker Var

Secondary

lighter

#EFD6FF Hex239 214 255 Rgb--palette-secondary-lighter Var

light

#C684FF Hex198 132 255 Rgb--palette-secondary-light Var

main

#8E33FF Hex142 51 255 Rgb--palette-secondary-main Var

dark

#5119B7 Hex81 25 183 Rgb--palette-secondary-dark Var

darker

#27097A Hex39 9 122 Rgb--palette-secondary-darker Var

Info

lighter

#CAFDF5 Hex202 253 245 Rgb--palette-info-lighter Var

light

#61F3F3 Hex97 243 243 Rgb--palette-info-light Var

main

#00B8D9 Hex0 184 217 Rgb--palette-info-main Var

dark

#006C9C Hex0 108 156 Rgb--palette-info-dark Var

darker

#003768 Hex0 55 104 Rgb--palette-info-darker Var

Success

lighter

#D3FCD2 Hex211 252 210 Rgb--palette-success-lighter Var

light

#77ED8B Hex119 237 139 Rgb--palette-success-light Var

main

#22C55E Hex34 197 94 Rgb--palette-success-main Var

dark

#118D57 Hex17 141 87 Rgb--palette-success-dark Var

darker

#065E49 Hex6 94 73 Rgb--palette-success-darker Var

Warning

lighter

#FFF5CC Hex255 245 204 Rgb--palette-warning-lighter Var

light

#FFD666 Hex255 214 102 Rgb--palette-warning-light Var

main

#FFAB00 Hex255 171 0 Rgb--palette-warning-main Var

dark

#B76E00 Hex183 110 0 Rgb--palette-warning-dark Var

darker

#7A4100 Hex122 65 0 Rgb--palette-warning-darker Var

Error

lighter

#FFE9D5 Hex255 233 213 Rgb--palette-error-lighter Var

light

#FFAC82 Hex255 172 130 Rgb--palette-error-light Var

main

#FF5630 Hex255 86 48 Rgb--palette-error-main Var

dark

#B71D18 Hex183 29 24 Rgb--palette-error-dark Var

darker

#7A0916 Hex122 9 22 Rgb--palette-error-darker Var

Grey

50

#FCFDFD Hex252 253 253 Rgb--palette-grey-50 Var

100

#F9FAFB Hex249 250 251 Rgb--palette-grey-100 Var

200

#F4F6F8 Hex244 246 248 Rgb--palette-grey-200 Var

300

#DFE3E8 Hex223 227 232 Rgb--palette-grey-300 Var

400

#C4CDD5 Hex196 205 213 Rgb--palette-grey-400 Var

500

#919EAB Hex145 158 171 Rgb--palette-grey-500 Var

600

#637381 Hex99 115 129 Rgb--palette-grey-600 Var

700

#454F5B Hex69 79 91 Rgb--palette-grey-700 Var

800

#1C252E Hex28 37 46 Rgb--palette-grey-800 Var

900

#141A21 Hex20 26 33 Rgb--palette-grey-900 Var