Cómo elegir los colores de tu marca
Los colores de marca transmiten personalidad, generan reconocimiento y construyen jerarquía visual antes de que el usuario lea una sola palabra. Una buena paleta corporativa balancea psicología, accesibilidad, escalabilidad y diferenciación frente a competidores.
Estructura de una paleta de marca completa
Una paleta corporativa funcional tiene típicamente cinco capas:
- Color primario: el más reconocible, asociado al logotipo. Define la personalidad.
- Color secundario: complementa al primario, usado en headers, hero y CTAs alternos.
- Acento: color de alta saturación para llamadas a la acción puntuales (botón principal, badge).
- Neutros: 2 grises (cálido o frío según paleta) más blanco y negro definidos. Cubren texto, fondos, separadores.
- Semánticos: verde (éxito), rojo (error), amarillo (advertencia), azul (información). Estandarizados.
Psicología del color (resumen)
- Rojo: urgencia, pasión, apetito. Útil en food, deporte, ofertas.
- Naranja: energía, creatividad, accesibilidad. Sectores creativos, ecommerce económico.
- Amarillo: optimismo, juventud, atención. Niños, productos económicos, transporte.
- Verde: naturaleza, salud, dinero, sostenibilidad. Wellness, fintech, eco.
- Azul: confianza, profesionalidad, calma. Banca, salud, tech, gobierno.
- Morado: lujo, creatividad, espiritualidad. Cosmética, diseño, beauty.
- Rosa: feminidad, modernidad, juvenil. Beauty, lifestyle, dating.
- Negro: sofisticación, autoridad, lujo. Premium, fashion, automoción.
Pasos para definir la paleta de tu marca
- Define la personalidad de marca en 3-5 adjetivos (innovadora, cercana, experta…).
- Investiga competencia y referentes: qué colores dominan en tu sector y qué tonos rompen el patrón.
- Elige el color primario alineado a personalidad + diferenciación.
- Genera la rampa de 11 stops para tener variantes claras y oscuras del primario para fondos, hovers, estados.
- Añade un secundario complementario o análogo.
- Define neutros con un toque del matiz primario para coherencia.
- Verifica contraste WCAG en todos los pares texto/fondo planificados.
- Prueba en mockups reales: botón primario, navbar, alert de error, gráfico de datos. La paleta debe funcionar en contexto, no solo en el moodboard.
- Documenta en un brand book con HEX, RGB, CMYK, OKLCH y reglas de uso.
- Exporta como design tokens JSON / CSS / Tailwind para que el equipo de desarrollo no improvise.
Cómo definir la paleta de tu marca en Paletadecolor.es
- Abre el editor principal y mueve el slider de matiz al color primario que tienes en mente.
- Ajusta la curva L/C hasta que la rampa transmita la sensación buscada (vibrante vs apagado).
- Crea una segunda paleta para el secundario duplicando la primera y rotando el matiz.
- Genera una tercera paleta de grises con un ligero matiz cálido o frío para neutros coherentes.
- Exporta el conjunto como Tailwind config o CSS Variables, listo para integrar al sitio o app.
- Usa el modal de exportación para descargar un PDF imprimible que sirva como anexo del brand book.
Pendiente de añadir
Aquí irán ejemplos de paletas de marca conocidas (con permiso) y plantillas descargables de brand book.