Color
Paletas de colores accesibles para elementos que pueden ser primarios, de interacción, de soporte, para cabeceras, contenidos, fondo o para gráficas. El correcto uso del color ayudará al usuario 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
#2d495f
heading-dark
#21384b
-
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