Paleta de colores
Escala
Blancos
Color grado 100
c-text-100
c-bg-100
c-border-100
Blanco
Color grado 300
c-text-300
c-bg-300
c-border-300
Blanco
Color grado 500
c-text-500
c-bg-500
c-border-500
Blanco
c-white
Color grado 700
c-text-700
c-bg-700
c-border-700
Blanco
Color grado 900
c-text-900
c-bg-900
c-border-900
Blanco
Negros
Color grado 100
Negro
Color grado 300
Negro
Color grado 500
Negro
c-black
Color grado 700
Negro
Color grado 900
Negro
Marca
Primario
Color luz
Primario
Color principal
Primario
c-primary
Color oscuro
Primario
Secundario
Color luz
Secundario
Color principal
Secundario
c-secondary
Color oscuro
Secundario
Terciario
Color luz
Terciario
Color principal
Terciario
c-terciary
Color oscuro
Terciario
Interfaz
Base 60 %
c-base
Contraste 30 %
c-contrast
Destacado 10 %
c-contrast
Sistema
Color grado 100
Neutro
Correcto
Problema
Informativo
Alerta
Sostenible
Color grado 300
Neutro
Correcto
Problema
Informativo
Alerta
Sostenible
Color grado 500
Neutro
c-neutral
Correcto
c-correct
Problema
c-problem
Informativo
c-informative
Alerta
c-alert
Sostenible
c-sustainable
Color grado 700
Neutro
Correcto
Problema
Informativo
Alerta
Sostenible
Color grado 900
Neutro
Correcto
Problema
Informativo
Alerta
Sostenible
Modificaciones
Color del texto
Color por defecto
c-text-inherit
Texto de muestra.
Color por defecto al 60%
c-text-faded
Texto de muestra.
Color del fondo
Fondo transparente
c-bg-transparent
Fondo 1
c-bg-1
Fondo 2
c-bg-2
Fondo 3
c-bg-3
Fondo esqueleto
c-bg-skeleton