Paletas de colores pastel: códigos suaves para marcas delicadas

Una paleta de colores pastel es un conjunto de colores pálidos y suavemente saturados: melocotón, mantequilla, salvia, azul empolvado, lila. Transmiten delicadeza, frescura y cercanía, y por eso recurren a ellos panaderías, marcas de cosmética, marcas de bebé y papelerías de boda. La trampa es que ningún pastel es lo bastante oscuro para el texto. Por eso cada paleta de abajo combina tres pastel con dos colores de trabajo: una tinta oscura para las palabras y un ancla más profunda para botones y acentos. Los códigos están listos para copiar y el contraste ya está comprobado.

Cinco paletas de colores pastel con códigos hex

Melocotón y salvia es cálida, natural y serena, una gran opción para alimentación, cerámica y marcas de vida pausada. El ancla terracota evita que resulte empalagosa.

Vidrio marino es fresca y limpia, ideal para bienestar, cosmética y todo lo que deba sentirse como aire fresco.

Lavanda y limón junta dos casi opuestos con la misma luminosidad suave, lo que la mantiene alegre sin estridencias. Buena para papelería, floristerías y libros infantiles.

Sorbete es la más dulce de las cinco, rosas y albaricoques cálidos para panaderías, estudios de uñas y campañas de verano.

Pistacho es fresca y verde, natural sin resultar terrosa. Encaja con viveros, cafeterías y marcas ecológicas.

Para elegir entre ellas, empieza por la temperatura. Los pastel cálidos (melocotón, albaricoque, mantequilla) resultan hogareños y apetecibles; los fríos (vidrio marino, azul empolvado, lavanda) se sienten limpios y aireados. Después fíjate en el ancla, porque aparecerá en cada botón y etiqueta de precio, y es el color que la gente recordará. Si ninguna de estas anclas te encaja, quédate con los pastel y pon en su lugar tu propio color de marca, oscurecido hasta que el texto blanco encima supere 4,5:1. ¿Necesitas más contención de la que permiten los pastel? Las paletas de colores apagados están un paso más hacia el gris.

Por qué los pastel necesitan una tinta y un ancla

Cada pastel de arriba tiene una relación de contraste de entre 1,1:1 y 1,4:1 frente al blanco. Eso queda muy por debajo del 4,5:1 que necesita el texto de cuerpo, lo que significa que unas palabras en pastel sobre una página blanca son sencillamente ilegibles para mucha gente. Los botones pastel con etiquetas blancas fallan igual. La tinta y el ancla resuelven ambos problemas sin que la paleta deje de ser suave en conjunto.

Elige una tinta que tire hacia uno de tus pastel en lugar de un gris plano: cacao para paletas cálidas, pizarra o ciruela para las frías. Una tinta teñida hace que toda la paleta parezca diseñada. Las reglas detrás de esas cifras están en contraste de color y accesibilidad.

Cómo convertir cualquier color en pastel

Un pastel es cualquier tono con luminosidad alta y saturación moderada. En HSL, apunta a una luminosidad del 85% al 92% y una saturación del 40% al 80%. El problema de HSL es que el amarillo y el azul con los mismos números se ven muy distintos en brillo. OKLCH lo resuelve, así que una sola fórmula te da un pastel homogéneo en cualquier tono.

:root {
  /* lightness 90%, gentle chroma, any hue */
  --pastel-peach: oklch(90% 0.06 60);
  --pastel-lemon: oklch(90% 0.06 100);
  --pastel-mint:  oklch(90% 0.06 150);
  --pastel-aqua:  oklch(90% 0.06 200);
  --pastel-pink:  oklch(90% 0.06 340);

  /* the ink: same idea, very dark */
  --ink: oklch(30% 0.03 40);
}

El mismo método convierte tu color de marca en su propio pastel: conserva su tono, sube la luminosidad y baja la saturación. Así obtienes un color de fondo suave que es inconfundiblemente tuyo. Para la teoría de los tintes, consulta tintes, tonos y sombras.

Errores que abaratan los pastel

Paletas pastel en una publicación real

Aquí está la idea en acción: fondo suave, tinta oscura y un color ancla usado una sola vez. Si quieres los pastel como fondos fluidos en lugar de bloques planos, degradados pastel tiene códigos, y la estética soft muestra cómo el estilo se mantiene en todo un feed.

Los fondos pálidos son donde suele romperse la legibilidad, y Gradiently se encarga de ello por ti. La tinta automática de un Mark elige tipografía clara u oscura para cada línea a partir de su propia paleta, así que las palabras sobre un Mark pastel suave siguen siendo lo bastante oscuras para leerse sin que tengas que comprobar cada combinación.