Colores cálidos y fríos: usar la temperatura con intención

Los colores cálidos y fríos son las dos mitades de la rueda de color. Los rojos, naranjas y amarillos se sienten cálidos, como el fuego y la luz del sol; los verdes, azules y violetas se sienten fríos, como el agua, la sombra y el anochecer. La temperatura cambia cómo se siente un diseño antes de que nadie lo lea: los colores cálidos avanzan y dan energía, los fríos se asientan atrás y calman. Usarla con intención es una de las formas más rápidas de que una paleta parezca pensada.

La temperatura es relativa

La frontera entre cálido y frío no es fija. Los verdes amarillentos y los rojos violáceos están en el límite, y cualquier color parece más cálido junto a otro más frío. Un magenta junto a un azul cielo se lee cálido; el mismo magenta junto a un naranja se lee frío. Por eso la temperatura se juzga en la paleta, no muestra a muestra.

Los colores también tienen temperatura dentro de un mismo tono. Un rojo que tira a naranja es más cálido que uno que tira a azul, y un azul con un toque de verde es más cálido que uno que tira a violeta. Los diseñadores llaman subtono a esa inclinación, y es lo que hace que dos «rojos» choquen.

Cómo crean profundidad los colores cálidos y fríos

Los colores cálidos tienden a parecer que avanzan y los fríos a quedarse atrás. Los pintores de paisaje lo usan desde hace siglos: el aire dispersa la luz, así que las colinas lejanas se ven de verdad más azules y más pálidas, y nuestros ojos leen lo frío y pálido como lejano. Puedes tomar prestado el mismo efecto en el diseño plano.

La regla práctica: pon los colores fríos en las superficies grandes del fondo y guarda los cálidos para lo que debe llegar primero a quien mira. Una llamada a la acción cálida en una página fría destaca sin necesidad de ser grande, lo que encaja muy bien con la regla 60-30-10.

Neutros cálidos y fríos

Los grises, los blancos y los negros también tienen temperatura, y eso importa más de lo que la gente cree. Un blanco roto cálido se siente como papel; un blanco frío se siente como una pantalla o una clínica. Un diseño que mezcla un fondo gris cálido con texto gris frío suele parecer algo desajustado sin que nadie sepa decir por qué.

:root {
  /* Warm neutrals: pair with reds, oranges, golds */
  --paper: #f5efe6;
  --stone: #b8ada0;
  --charcoal-warm: #3d3530;

  /* Cool neutrals: pair with blues, greens, violets */
  --mist: #eef2f6;
  --slate: #a3adb8;
  --charcoal-cool: #2b3240;
}

Mezclar cálido y frío en un mismo degradado

Los degradados de cálido a frío están entre los más llamativos que existen, y los atardeceres lo demuestran. También son los que más fácilmente salen mal, porque los colores cálidos y fríos suelen estar en lados opuestos de la rueda y una mezcla directa entre ellos pasa por el gris. La solución es llevar la mezcla por un color que pertenezca a ambos lados, normalmente rosa, magenta o violeta.

Aquí la proporción también importa. Deja que una temperatura mande y que la otra aparezca como contraste. Un degradado mayormente frío con un brillo cálido en un borde se siente como la luz del anochecer; un reparto a partes iguales entre cálido y frío se siente indeciso. Degradados de atardecer tiene muchos más ejemplos de cálido y frío compartiendo un mismo campo.

Colores cálidos y fríos en el diseño cotidiano

• La pizarra del menú de una cafetería: fondo crema cálido, texto color espresso y un solo acento terracota, para que se sienta como la sala en la que cuelga
• Una app bancaria: superficies frías de pizarra y azul, con un único ámbar cálido para los avisos que requieren atención
• El póster de un evento nocturno: un campo violeta frío y profundo con un titular naranja cálido que salta hacia delante
• El lanzamiento de una línea de cuidado de la piel: bruma fría y salvia, realzadas con un solo melocotón cálido para el nombre del producto
• Una promo deportiva: rojo y naranja cálidos al mando, un marino frío solo para la letra pequeña

En cada caso, una temperatura marca el clima y la otra dirige la atención. Esa combinación es también una forma suave de contraste de colores complementarios, sin el choque total de los opuestos reales.

Cómo elegir la temperatura de tu marca

1. 1

   Parte de la sensación

   Las marcas acogedoras, vivas y cercanas suelen tirar a cálidas. Las marcas precisas, tranquilas y de confianza suelen tirar a frías. Ninguna es mejor; elige la que encaje con lo que haces.

2. 2

   Elige una temperatura principal

   Construye casi toda tu paleta, incluidos los neutros, en un solo lado. Eso da a la marca un clima coherente.

3. 3

   Añade un acento del otro lado

   Un solo acento cálido en una marca fría, o uno frío en una marca cálida, da contraste y un lugar claro donde se pose la mirada.

4. 4

   Pruébala en contexto

   Revisa la paleta en las pantallas y materiales reales donde va a vivir. Los colores cambian entre pantallas y de nuevo al imprimir; mira cómo elegir los colores de tu marca.