Cómo elegir los colores de una marca: un método paso a paso

Cómo elegir los colores de una marca, en resumen: decide qué debe transmitir la marca, mira los colores que ya ocupan tus competidores, elige un color protagonista que te distinga, rodéalo de neutros y de un pequeño acento y prueba el conjunto en contraste y en diseños reales. Los pasos de abajo lo convierten en un método que puedes terminar en una tarde. El resultado es una paleta en la que cada color tiene una función, y no cinco colores que te gustan sin más.

Si eres nuevo en el tono, la saturación y la luminosidad, lee antes la teoría del color básica. Cada paso te resultará más fácil.

El método de un vistazo

1. 1

   Escribe el carácter de la marca en tres palabras

   Calma, precisión, calidez. Atrevida, juguetona, local. Estas palabras deciden la temperatura, la saturación y el contraste antes de que mires una sola muestra.

2. 2

   Conoce a quien mira

   Piensa en tu público, en dónde te verá y, si trabajas en varios países, en lo que significan allí los colores. Los significados de los colores en el mundo te ayudan.

3. 3

   Explora tu categoría

   Reúne los logotipos, las webs y los envases de diez competidores y anota sus colores principales. Buscas lo que está saturado y lo que está libre.

4. 4

   Elige un color protagonista

   Un color que la gente asocie contigo. Debe encajar con tus tres palabras y destacar en tu mapa de la categoría.

5. 5

   Añade neutros

   Un casi negro con matiz para el texto y un casi blanco con matiz para los fondos, más un tono de apoyo discreto.

6. 6

   Añade un acento

   Un color de contraste para botones, precios y elementos destacados, usado con moderación.

7. 7

   Prueba el contraste

   Comprueba cada pareja de texto y fondo con las relaciones de las WCAG.

8. 8

   Prueba en contexto y déjalo por escrito

   Pon la paleta en formatos reales y anota luego cada código y la función de cada color.

Pasos 1 a 3: carácter, público y categoría

La mayoría de las paletas de marca fallan antes de elegir un color, porque nadie decidió qué debía transmitir la marca. Tres palabras bastan. Cálida, artesanal, sin prisa apunta a colores terrosos y apagados con contraste suave. Afilada, rápida, técnica apunta a colores fríos y saturados con contraste fuerte. La psicología del color trata lo que suelen señalar los colores y por qué el contexto importa más que las reglas.

Después, mira a la competencia. Supón que eres un pequeño tostador de café y los tostadores de tu zona usan sobre todo marrón, crema y negro. Otro marrón pasará desapercibido. Un mapa de la categoría lo hace visible.

Ser distinto no significa ser aleatorio. Los mejores huecos siguen encajando con tus tres palabras. Un tostador cálido y artesanal podría tomar un naranja tostado; un azul eléctrico brillante sería distinto pero equivocado.

Pasos 4 a 6: protagonista, neutros y acento

Un color protagonista es el que la gente recordará. Dale la mayoría de los momentos de color de la marca: el logotipo, el envase, el primer fotograma de cada post. Elegir dos o tres protagonistas iguales diluye el reconocimiento; uno solo es más fuerte.

Los neutros hacen la mayor parte del trabajo. El negro y el blanco puros se sienten genéricos; dales un ligero matiz hacia tu protagonista o hacia lo cálido o lo frío, y toda la paleta se siente emparentada. Después añade un color de apoyo discreto para paneles e ilustración, y un acento para las pocas cosas que deben destacar.

La regla 60-30-10 es una guía práctica de proporción: más o menos un 60 % de neutro, un 30 % de protagonista y apoyo, y un 10 % de acento. Los números exactos importan menos que tener un orden claro.

Paso 7: prueba el contraste

Las WCAG piden una relación de contraste de al menos 4,5:1 para el texto normal y 3:1 para el texto grande. Comprueba cada pareja que pienses usar. Los colores de marca en el medio del rango de luminosidad, como muchos naranjas y verdes, suelen funcionar con texto blanco pero no con negro, o solo a tamaños grandes.

El contraste de color explica las relaciones y cómo medirlas. Si tu protagonista falla tanto con texto claro como con oscuro, oscurécelo un poco en vez de renunciar a él; unos pocos puntos de luminosidad casi nunca se notan.

Paso 8: prueba en contexto y déjalo por escrito

Las muestras mienten. Un color que se ve refinado como un cuadrado pequeño puede abrumar en toda una historia, y un neutro sutil puede desaparecer en un móvil bajo el sol. Pon la paleta en los formatos que realmente vas a usar.

Post de Instagram

1080 × 1350

Historia

1080 × 1920

Portada web

1920 × 1080

Tarjeta de visita

1050 × 600

• Tamaños pequeños: ¿sigue leyéndose el protagonista como protagonista en un favicon o en una foto de perfil?
• Impresión: ¿se reproducirá el protagonista en tinta? Los colores de pantalla muy vivos suelen imprimirse más apagados. Mira los degradados para impresión.
• Modo oscuro: ¿se invierten bien los neutros?
• Junto a la competencia: pon tu post junto al de ellos. ¿Sabes a simple vista cuál es el tuyo?

Por último, déjalo por escrito: el nombre, el HEX y el RGB de cada color, los equivalentes CMYK o de tinta plana si imprimes, la función de cada color y sus combinaciones de texto aprobadas. Ponlo en tu guía de estilo de marca y en tu kit de marca para que se use igual en todas partes.