Colors | Foundations

Color

Primary

lighter

#D3FBEC Hex211 251 236 Rgb--palette-primary-lighter Var

light

#7EEFC7 Hex126 239 199 Rgb--palette-primary-light Var

main

#2FE5A7 Hex47 229 167 Rgb--palette-primary-main Var

dark

#17A374 Hex23 163 116 Rgb--palette-primary-dark Var

darker

#087A5B Hex8 122 91 Rgb--palette-primary-darker Var

Secondary

lighter

#DCE4FA Hex220 228 250 Rgb--palette-secondary-lighter Var

light

#8AA3E8 Hex138 163 232 Rgb--palette-secondary-light Var

main

#375BD2 Hex55 91 210 Rgb--palette-secondary-main Var

dark

#2A46A8 Hex42 70 168 Rgb--palette-secondary-dark Var

darker

#182C73 Hex24 44 115 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

#D3FBEC Hex211 251 236 Rgb--palette-primary-lighter Var

light

#7EEFC7 Hex126 239 199 Rgb--palette-primary-light Var

main

#2FE5A7 Hex47 229 167 Rgb--palette-primary-main Var

dark

#17A374 Hex23 163 116 Rgb--palette-primary-dark Var

darker

#087A5B Hex8 122 91 Rgb--palette-primary-darker Var

Secondary

lighter

#DCE4FA Hex220 228 250 Rgb--palette-secondary-lighter Var

light

#8AA3E8 Hex138 163 232 Rgb--palette-secondary-light Var

main

#375BD2 Hex55 91 210 Rgb--palette-secondary-main Var

dark

#2A46A8 Hex42 70 168 Rgb--palette-secondary-dark Var

darker

#182C73 Hex24 44 115 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