# Degradado melocotón: códigos cálidos y suaves [Canonical HTML page](https://gradiently.design/es/guide/peach-gradient) El melocotón es calidez sin volumen: el color de la buena piel, la fruta madura y la luz de la tarde. Es perfecto para marcas amables, siempre que no se vea deslavazado. Aquí tienes códigos y reglas para mantenerlo fresco. ## The short version - Un degradado melocotón mezcla naranjas suaves y claros con rosa o crema, y transmite calidez, ternura y cercanía. - El melocotón se ve deslavazado cuando todas las paradas son igual de pálidas, así que dale una parada más profunda de albaricoque o terracota. - Rosa, lavanda, salvia y crema combinan bien con el melocotón; con fuerza pastel, incluso los compañeros fríos se mezclan limpiamente. - Un marrón cálido como #5a2e1a se lee mejor sobre melocotón que el negro, y el texto blanco falla en casi todo él. - El melocotón va bien con cuidado de la piel, velas, panaderías, marcas de bebé, floristerías, terapeutas y papelería de boda. Un **degradado melocotón** mezcla naranjas suaves y claros con un toque de rosa o crema, y es uno de los colores cálidos más delicados con los que puedes diseñar. Resulta cercano, humano y sereno, por eso lo buscan el cuidado de la piel, los fabricantes de velas, las panaderías y las marcas de bebé. Su única debilidad es desvanecerse en la nada cuando todas las paradas son igual de pálidas. Dale una parada más profunda de albaricoque o terracota y un marrón cálido para el texto, y se sostiene solo. ## Códigos de color melocotón para empezar El melocotón cubre una gama pequeña pero sutil, de casi crema a un albaricoque rosado. Estas son las paradas que se usan en todo el artículo. Pantone también nombró un melocotón suave, Peach Fuzz, color del año 2024; el [color del año de Pantone](https://gradiently.design/es/guide/pantone-color-of-the-year) tiene el contexto. - Concha: #fff5ee - Melocotón rubor: #ffe5d4 - Melocotón pálido: #ffdab9 - Melocotón: #ffcba4 - Albaricoque: #fbb995 - Albaricoque rosado: #f6a07a - Terracota: #c8703f - Tinta cacao: #5a2e1a Una escala de melocotón de concha a terracota, más un marrón cacao para el texto. `#ffdab9` es el color CSS peachpuff. ## Degradados melocotón suaves Los melocotones de cada día. Cada uno empieza cerca de la crema y termina en un color claro y cálido, así que siempre hay una zona tranquila para las palabras y otra más rica donde descansa la vista. - De concha a melocotón: `linear-gradient(180deg, #fff5ee 0%, #ffcba4 100%)` - Melocotón maduro: `linear-gradient(135deg, #ffe5d4 0%, #fbb995 100%)` - Luz de la tarde: `radial-gradient(circle at 30% 25%, #fff8f2 0%, #ffdab9 45%, #f6a07a 100%)` - Mermelada de albaricoque: `linear-gradient(160deg, #fef3e7 0%, #ffdab9 50%, #fbb995 100%)` - Melocotón lino: `linear-gradient(135deg, #fff1e6 0%, #fcd5c0 100%)` Cinco degradados melocotón suaves. El extremo más oscuro es lo que evita que cada uno se vea deslavazado. Úsalos donde la suavidad sea el mensaje. Las fotos de producto de una marca de cuidado de la piel a 2048×2048 se ven más serenas sobre «Melocotón lino» que sobre blanco. La lista de precios de una floristería se lee con calidez sobre «De concha a melocotón». La web de un terapeuta con «Luz de la tarde» dice bienvenido antes de leer una sola palabra. En todos los casos el melocotón hace el trabajo emocional, así que mantén la composición simple y deja respirar el color. ## Melocotón con rosa, lavanda o salvia El melocotón se lleva bien con otros. El rosa es su vecino natural y lo vuelve romántico. La lavanda está al otro lado de la rueda, pero se mezcla limpiamente con fuerza pastel y da ese aire de cielo de primera hora de la tarde. La salvia añade una nota terrosa y madura que va bien con bienestar e interiores. Para otras combinaciones suaves, consulta los [degradados pastel](https://gradiently.design/es/guide/pastel-gradients) y los [degradados lavanda](https://gradiently.design/es/guide/lavender-gradient). - Melocotón y rosa: `linear-gradient(135deg, #ffdab9 0%, #fbcfe8 100%)` - Melocotón y lavanda: `linear-gradient(135deg, #ffd8c2 0%, #ddd6fe 100%)` - Melocotón y salvia: `linear-gradient(135deg, #ffe0cc 0%, #dbe5d4 100%)` - Cielo a las seis: `linear-gradient(180deg, #c7d2fe 0%, #fbcfe8 50%, #ffdab9 100%)` - Melocotón y mantequilla: `linear-gradient(135deg, #fef3c7 0%, #ffcba4 100%)` Melocotón con compañeros. Con estas fuerzas suaves, incluso la lavanda y la salvia se mezclan con el melocotón sin volverse grises. ## Degradados melocotón más profundos: de albaricoque a terracota Cuando una marca necesita más seguridad, lleva el melocotón hacia el albaricoque y la terracota. Recuerdan al barro y a las paredes cocidas por el sol, y van bien con cerámica, comida mediterránea, cosmética natural e interiores. El extremo profundo también te da sitio para titulares blancos. Los [degradados naranja](https://gradiently.design/es/guide/orange-gradient) continúan hacia la gama más brillante y llamativa. - Cocido al sol: `linear-gradient(180deg, #ffdab9 0%, #f6a07a 50%, #c8703f 100%)` - Maceta de barro: `linear-gradient(135deg, #fbb995 0%, #b4532a 100%)` - Brillo de terracota: `radial-gradient(circle at 75% 20%, #ffe5d4 0%, #f6a07a 35%, #8a3d1f 100%)` Melocotón con profundidad. Los titulares van en cacao arriba o en blanco abajo. ## Por qué el melocotón se ve deslavazado, y cómo arreglarlo ### Deslavazado - Todas las paradas con el mismo tinte pálido - Texto negro o gris que resulta duro sobre él - Blanco puro al lado, que hace que el melocotón parezca sucio - Texto fino y claro que desaparece ### Cálido y claro - Una parada más profunda de albaricoque o terracota - Texto marrón cacao, cálido como el fondo - Concha o crema en lugar de blanco puro - Texto con peso suficiente para llevar el color El punto de blanco puro sorprende a mucha gente. Junto a un blanco brillante, el melocotón pálido puede verse algo sucio, porque el ojo lo compara con algo mucho más limpio. Un tono concha cálido como `#fff5ee` mantiene toda la paleta bajo la misma luz. Lo mismo vale para los grises fríos en iconos y separadores: cámbialos por un taupe suave. ## Color de texto sobre un degradado melocotón El melocotón es claro. El blanco sobre `#ffcba4` mide menos de 1,5 a 1, así que es ilegible. El negro aprueba, pero se ve frío y pesado junto a algo tan suave. Un cacao cálido como `#5a2e1a` mide más de 9 a 1 sobre melocotón rubor y aún unos 5,5 a 1 sobre albaricoque rosado, sin perder calidez. [Contraste de color y accesibilidad](https://gradiently.design/es/guide/color-contrast-accessibility) tiene el método completo. | Fondo | Texto blanco | Texto cacao #5a2e1a | | --- | --- | --- | | Melocotón rubor `#ffe5d4` | Suspende | Más de 9:1 | | Melocotón `#ffcba4` | Menos de 1,5:1, suspende | Unos 7,8:1 | | Albaricoque `#fbb995` | Suspende | Unos 6,8:1 | | Albaricoque rosado `#f6a07a` | Unos 2:1, suspende | Unos 5,6:1 | El marrón cacao aprueba en toda la gama de melocotón suave. El blanco necesita la terracota más profunda, como `#8a3d1f`. ## Cómo construir un aspecto amable con melocotón 1. **Elige un fondo** Concha o lino en la mayoría de los diseños, para que todo parezca papel cálido. 2. **Elige un degradado como seña de identidad** Úsalo en cada publicación y página, en lugar de un melocotón distinto cada vez. La coherencia es lo que hace reconocible un color suave. 3. **Añade un compañero** Rosa, lavanda o salvia, en pequeñas cantidades: un botón, una pegatina, un borde. 4. **Pon el texto en cacao** Títulos y cuerpo en el mismo marrón cálido. Reserva el blanco para las zonas de terracota más profunda. 5. **Dale una superficie** Un grano fino hace que el melocotón parezca papel o terciopelo y no un relleno plano de pantalla. La [textura en degradados](https://gradiently.design/es/guide/gradient-texture) compara las opciones. Una imagen de anuncio de una tienda de velas con texto marrón cacao sobre un degradado melocotón suave Una foto de anuncio de Etsy de 2700×2025, melocotón con texto cacao. El mismo diseño de la tienda de velas como pin vertical de Pinterest sobre el degradado melocotón El mismo diseño como pin de Pinterest de 1000×1500, renderizado para el formato vertical. Gradiently hace fácil la parte repetitiva: un diseño, todos los tamaños en un solo paso con Pro, y un Mark que mantiene tu aspecto melocotón exactamente igual dondequiera que aparezca. Cada Mark se comprueba contra todos los demás para que no haya dos iguales, y cuando reservas uno, solo tú puedes exportar con él. El [branding para negocios de velas](https://gradiently.design/es/guide/candle-business-branding) tiene más para pequeños artesanos. ## FAQ ### ¿Cuál es el código hex del melocotón? Entre los códigos de melocotón habituales están `#ffcba4` y `#ffe5b4`. El color CSS peachpuff es `#ffdab9`. ### ¿Qué colores combinan con un degradado melocotón? Rosa palo, lavanda, verde salvia, amarillo mantequilla, crema y marrón cacao. Usa un compañero cada vez. ### ¿Qué color de texto va sobre melocotón? Un marrón cálido como `#5a2e1a`. Supera el contraste y se siente más suave que el negro; el texto blanco no lo supera sobre melocotón claro. ### ¿Por qué mi fondo melocotón se ve apagado? Probablemente todas las paradas son igual de pálidas, o está junto a blanco puro. Añade una parada más profunda de albaricoque y cambia el blanco por un tono concha cálido. ### ¿Es el melocotón un buen color de marca? Va bien con marcas amables y cálidas como cuidado de la piel, velas, panaderías, floristerías y productos de bebé. Encaja menos con marcas que deban sentirse atrevidas o técnicas.