Color library

Combinaciones de color para UI

Diez paletas pensadas para producto digital: en cada una tienes un blanco, un negro (o gris muy oscuro) y tres colores que encajan entre sí. Útiles para landings, apps, dashboards o como base para explicar teoría del color en clase.

Cómo usarlas

Blanco, negro y tres acentos

Cada combinación está pensada para que puedas usar un color claro como fondo principal, un color muy oscuro para texto y tres acentos para botones, enlaces, estados o detalles de interfaz. No es una norma rígida: pruébalas, mezcla y adapta según el tono de tu proyecto.

• Usa el blanco o casi blanco para fondos, tarjetas claras y áreas de contenido.

• Usa el negro o gris muy oscuro para texto principal, iconos y elementos que necesiten máximo contraste.

• Reserva los tres colores de acento para botones, enlaces, badges, gráficos y estados (error, éxito, aviso).

• Combina siempre con sentido de jerarquía: uno de los acentos como color principal, otro como secundario y el tercero para detalles puntuales.

Paletas preparadas

Combinaciones listas para copiar

Debajo tienes cada paleta con su nombre, los nombres de los cinco colores y sus códigos hexadecimales. Además, se incluyen dos gradientes sugeridos por combinación.

Neon Metro

Paleta vibrante para interfaces oscuras con acentos neón. Perfecta para dashboards, música, gaming o producto tech.

Fondo: Blanco neón / Negro metro Acentos: Magenta, Cyan, Violeta

Clay Soft UI

Colores suaves y amables para apps educativas, producto wellness o interfaces tranquilas.

Fondo: Arcilla blanca Texto: Carbón suave

Corporate Steel

Paleta sobria y fiable para producto B2B, SaaS o dashboards de datos.

Primario: Azul informe Secundarios: Oro KPI, Slate corporativo

Pastel Dashboard

Ideal para dashboards suaves, educación o producto con tono friendly pero estructurado.

Uso: gráficos, etiquetas, badges

Mono Focus

Una base casi monocroma con un acento fuerte. Perfecta para producto serio con un único color clave.

Acento principal: Verde acción

Retro Sunset

Inspirada en atardeceres synthwave. Ideal para interfaces retro, música o creatividades llamativas.

Útil para: hero, botones grandes, sliders

Forest Product

Paleta natural para proyectos eco, sostenibilidad o producto físico con narrativa verde.

Paleta ideal para landings de producto sostenible

Minimal Ink

Muy limpia y editorial, para portfolios, blogs o productos donde manda el contenido.

Acentos discretos: Verde tinta, Naranja marcador

Data Neon

Pensada para gráficos, métricas y componentes de analítica en fondo oscuro.

Útil para: barras, líneas, pies y badges de estado

Ocean App

Azules y turquesas para apps móviles, fintech ligeras o productos con tono calmado.

Primario: Azul app Secundarios: Verde confirmación, Amarillo aviso