Degradados naranja y rosa: calidez más allá del atardecer

Un degradado naranja y rosa mezcla dos vecinos cálidos: mandarina como #f97316 o melocotón como #fed7aa en un lado, rosa como #ec4899 o rubor como #fda4af en el otro, normalmente con coral en medio. Como los tonos están uno junto a otro, la mezcla nunca se ensucia. Lo que sí puede volverse es previsible, porque la combinación es sinónimo de atardecer. Los códigos de abajo están agrupados por ambiente, del melocotón suave a la brasa oscura, para que elijas una versión que sea tuya y no un fondo de pantalla de móvil.

Colores entre el naranja y el rosa

Camina del naranja al rosa y pasas por el coral, el salmón y la sandía, todos saturados y cálidos. Aclara el paseo y aparecen el albaricoque, el melocotón y el rubor. Oscurécelo y aparecen el óxido, la terracota y la frambuesa. La mayoría de los buenos degradados naranja y rosa usan tres paradas de la misma banda de luminosidad en lugar de saltar del melocotón pálido al rosa intenso.

Degradados suaves de melocotón y rubor

El naranja y el rosa pálidos juntos recuerdan a la piel, el lino y la luz de primera hora. Por eso encajan con cuidado de la piel, novias, bienestar y panaderías. También fotografían bien detrás de productos, porque favorecen los tonos cálidos. Compón el texto en un óxido profundo y no en negro; conserva la calidez.

Degradados coral, pomelo y sandía

El naranja y el rosa saturados son puro verano: zumo de pomelo, toallas de playa, carteles de festival. Son lo bastante potentes para frenar el scroll y lo bastante amables para no resultar agresivos. Aléjalos del texto muy pequeño y dales una esquina tranquila.

Terracota terrosa y rosa empolvado

Apaga los dos colores y la pareja se vuelve calmada y sólida, la paleta de las macetas de barro, las flores secas y las paredes cocidas por el sol. Es la versión menos usada y a menudo la más elegante. Combina a gusto con oliva, arena y crema, y funciona bien junto a las paletas de colores tierra.

Degradados oscuros de brasa y frambuesa

Parte de un fondo marrón profundo o ciruela y deja que el naranja y el rosa brillen desde él, y la pareja deja de ser alegre para volverse íntima: luz de velas, brasas, una carta de cócteles. Admiten texto claro con facilidad, lo que los hace prácticos para carteles de eventos y ofertas de noche.

Cómo evitar el tópico del atardecer

El naranja a rosa en una diagonal de 45 grados está en todas partes, de los fondos de móvil a los iconos de apps, así que parece un valor por defecto. Si quieres la calidez sin el ajuste predefinido, cambia al menos una de las cosas de abajo. Degradados de atardecer cubre la versión literal si es lo que buscas.

Colores de texto sobre naranja y rosa

El naranja es uno de los colores saturados más claros, así que el texto blanco sobre mandarina o albaricoque es más débil de lo que parece. El óxido profundo o la sombra quemada son la tinta fiable en las versiones suaves y vivas; el crema va con las oscuras. Los ratios usan la fórmula WCAG, donde 4,5:1 es el mínimo habitual para texto corrido y el contraste de color explica el resto.

CSS del degradado naranja y rosa

.warm-hero {
  background-color: #fff7ed;
  background-image:
    radial-gradient(circle at 85% 20%, #fb7185 0%, transparent 45%),
    radial-gradient(circle at 10% 90%, #fdba74 0%, transparent 50%),
    linear-gradient(160deg, #fff7ed 0%, #fed7aa 100%);
  color: #431407;
}

Superponer dos luces radiales suaves sobre una base pálida da una calidez mucho más natural que una sola diagonal. Si quieres una calidez que sea inconfundiblemente tuya, el Mercado de Gradiently te deja buscar Marks por palabras de color como «coral» o «melocotón». Cada Mark es único y tiene exactamente un dueño a la vez, y una vez que lo reservas solo tú puedes exportar con él.