Actualizado 11 de julio de 2026

Colores de marca: de un color a un sistema que funciona

Un color de marca es una promesa de reconocimiento, y por sí solo aún no es un sistema. El trabajo del color de marca es todo lo que rodea a la muestra: convertir un valor aprobado en los cien valores relacionados que un producto necesita, mantenerlo legible donde la ley lo exige, traducirlo entre impresión y pantalla, y llevarlo a través de rediseños sin perder lo que la gente reconoce. Este hub reúne nuestras guías sobre ese trabajo; la visión general más rápida es ver cómo un color se convierte en una paleta entera.

La brecha con la que topa toda marca

Las guías de marca nombran un color; los productos consumen sistemas. Entre ambos está la brecha de derivación: estados hover, bordes, matices, combinaciones de texto, temas oscuros; nada de lo cual especifica la guía y todo lo cual alguien debe decidir. Las guías de aquí tratan esa brecha como el verdadero problema de diseño: ciérrala con reglas y la marca se mantiene coherente en todas partes; ciérrala con improvisación pantalla por pantalla y la marca se disuelve un hex a la vez. De un color de marca a un sistema de diseño completo recorre toda la derivación una vez, y Guías de marca frente a design tokens explica por qué el PDF y el producto necesitan artefactos distintos: uno persuade a las personas, el otro instruye a las máquinas.

El reconocimiento es específico

Lo que la gente reconoce es más estrecho de lo que los equipos suponen: normalmente un tono en un rol, en un lugar donde lo encuentran una y otra vez. Esa especificidad es una buena noticia para cada decisión difícil de este hub: un botón puede oscurecerse un paso para el contraste, un naranja de impresión puede aceptar su gemelo más cercano en pantalla, un rediseño puede mover los valores de apoyo con libertad, siempre que sobreviva lo que se reconoce. Varias de las guías de abajo tratan en realidad de localizarlo antes de tocar nada: Auditar una paleta de marca existente descubre qué se usa realmente y cuál de ello notaría la gente si cambiara, y Preservar el valor de marca en un rediseño convierte ese hallazgo en una decisión de preservar frente a mover. Cuando el problema es el propio color reconocido, Cuando tu color de marca no pasa la accesibilidad muestra el movimiento de un-paso-más-oscuro que conserva el tono mientras cumple el mínimo.

Dónde se conecta el oficio

El trabajo de color de marca se apoya en la maquinaria de escalas que cubre nuestra guía de escalas de color —rampas, roles, estados derivados— y hace el traspaso aguas abajo a los design tokens, donde las decisiones de marca se convierten en valores que comparten el código y los archivos de diseño. Este hub es la capa estratégica: qué color, por qué se sostiene, cómo sobrevive al contacto con la ley de accesibilidad, la producción de impresión y los rediseños. La derivación en sí es lo que ejecuta Scale Composer: entra un color semilla y salen las rampas, la escala de neutros, la tipografía y la rejilla como un solo sistema con tokens exportables: los cien valores relacionados producidos por regla en lugar de improvisados pantalla por pantalla.

Elegir, traducir, escalar

Antes del sistema está la elección. Elegir un color de marca la trata como una decisión de posicionamiento en lugar de psicología del color, y Por qué toda marca acaba en azul mapea la atracción gravitatoria contra la que se toma esa elección. Después de la elección viene la traducción: De Pantone a pantalla para marcas nacidas en impresión, y Consistencia del color en impresión, web y producto para mantener alineados los valores comprometidos entre medios. En el extremo más lejano están los problemas de escalar: Arquitectura de tokens multimarca cuando varias marcas comparten una misma base de código, Desplegar un rediseño mediante tokens cuando los valores deben cambiar en todas partes a la vez, y Fuentes de marca en la web para el activo de identidad que no es un color en absoluto.

Guías de este hub

Prueba el margen de maniobra de la marca

Las preguntas de este hub —¿puede oscurecerse el color para el contraste? ¿cuánto cuesta un rediseño?— comparten una única respuesta experimental: cambia el color semilla y observa cómo el sistema se vuelve a derivar. Todo lo que se reconstruye automáticamente es lo que un rediseño ya no tiene que renegociar; lo que eliges fijar es, por definición, tu marca.

Preguntas frecuentes

¿Cuántos colores de marca necesito?

Normalmente uno primario más apoyo derivado: una escala de neutros, colores funcionales y quizá uno o dos secundarios con funciones concretas. La mayoría de paletas que se sienten pobres carecen de estructura, no de tonos; la mayoría de las que se sienten caóticas tienen demasiados tonos y ningún rol.

Mi color de marca no pasa el contraste en los botones, ¿ahora qué?

Baja el relleno un paso en su propia rampa en lugar de abandonar el color: el tono lleva el reconocimiento, y un paso más oscuro lo conserva. Derivar el texto del botón como un on-color verificado impide que el fallo reaparezca tras el próximo retoque de la marca.

¿Cómo convierto colores Pantone o CMYK para pantallas?

Elige la coincidencia perceptual más cercana y asume que algunas tintas —naranjas vivos, verdes azulados profundos— no tienen un gemelo exacto en pantalla. Lo que importa es comprometerse con un único valor de pantalla y derivar todo a partir de él, en lugar de convivir con cinco aproximaciones.

¿Cuál es la diferencia entre los colores de marca y los colores de UI?

Los colores de marca identifican; los colores de UI funcionan. En un sistema que funciona se encuentran mediante la derivación: el color semilla de marca genera las rampas, y los roles de UI como bordes, estados y texto eligen de ellas pasos con contraste verificado.

¿Podemos cambiar nuestra paleta sin perder el reconocimiento?

Normalmente sí, si sabes qué lleva el reconocimiento: casi siempre el tono y su rol, no el valor exacto. Audita lo que la gente realmente ve (el tono del camión, el icono de la app), consérvalo y deja que los valores de apoyo se muevan.

¿El blanco y el negro cuentan como colores de marca?

La escala de neutros es una decisión de marca real —grises cálidos, fríos o teñidos por la marca cambian cómo se siente un producto tanto como el color de acento— pero se elige una vez como una temperatura, no muestra a muestra.