Color

Paletas de colores accesibles que ayudarán a la persona a navegar, interpretar e interactuar de forma óptima con tu interfaz.

Paletas #

Interacción

primary-light

#d6eaf0

primary-base

#00607a

primary-dark

#00475C

Soporte

warning-light

#fef6b2

warning-base

#fdcb33

warning-dark

#b88e12

success-light

#dcf8e2

success-base

#24d14c

success-dark

#1aa23a

info-light

#feebcc

info-base

#fa9902

info-dark

#c97a00

alert-light

#fbd3ce

alert-base

#d22333

alert-dark

#a40014

Fondo

white

#ffffff

neutral-lighter

#f6f6f5

neutral-light

#ededec

Contenido

neutral-base

#92949b

neutral-dark

#5e616b

black

#1f2331

Cabecera

heading-base

#3c4c5c

heading-dark

#26374a

Para gráficas

Color A

#4d1f2e

Color B

#aa3c2b

Color C

#739ba5

Color D

#00607a

Color E

#013c53

Para gráficas (ampliación)

Color F

#bc8a01

Color G

#ed6c02

Color H

#ed020d

Color I

#646464

Color J

#92949b