Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaColor
Color

Degradado beige: códigos neutros cálidos y serenos

El beige es fácil de acertar casi y sorprendentemente difícil de acertar del todo. El truco es elegir un subtono, mantener rango suficiente para que se vea la mezcla y darle textura.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·6 min de lectura
Portada: Noon Mosaic · GR·3XPW·74

La versión corta

  • Un degradado beige se ve sereno y caro cuando todas las paradas comparten un subtono: rosa, amarillo o gris.
  • Los degradados beige necesitan un rango de luminosidad más amplio de lo que la gente espera, o la mezcla desaparece y el diseño se ve plano.
  • Los degradados claros y de poco contraste forman bandas con facilidad en pantalla, y una capa de grano fino es el arreglo más fiable.
  • Los marrones oscuros cálidos como el espresso se leen mejor sobre beige que el negro puro, y el texto blanco rara vez funciona sobre él.
  • Los degradados arena van del crema pálido a un dorado tostado, como una duna que se oscurece en su lado en sombra.
En esta página
Elige un subtono antes que un colorCódigos de degradado arenaCódigos de lino, avena y piedraPor qué los degradados beige forman bandas y cómo arreglarloColores de texto que van bien con el beigeUn beige sereno, no apagadoDónde se gana su sitio un degradado beige

Un degradado beige mezcla neutros cálidos, crema, arena, avena y lino, de un tono claro a otro algo más profundo, todos con el mismo subtono. Bien hecho resulta sereno, natural y discretamente premium, por eso lo adoran el cuidado de la piel, el interiorismo, las bodas y la moda lenta. Mal hecho parece el escaneo de un sobre viejo. La diferencia se reduce a tres decisiones: un subtono, rango suficiente y un poco de textura. A continuación, los códigos para cada estilo.

Elige un subtono antes que un color

Todo beige se inclina hacia algún lado. Los beiges rosados son suaves y parecen piel. Los beiges amarillos son soleados y arenosos. Los beiges grises, a menudo llamados greige, resultan arquitectónicos y fríos. Mezclar subtonos en un degradado es la razón principal por la que el beige se ve sucio: una parada rosa junto a una gris se lee como una mancha y no como una mezcla. Decide primero y quédate ahí.

Tres familias de subtono: rosa en el par rubor, amarillo en el par arena, gris en greige y piedra. El lino y el espresso funcionan con las tres.

Códigos de degradado arena

Un degradado arena sigue una duna: brillante y cremoso en el lado que mira al sol, más profundo y dorado en el lado en sombra. Son los beiges más cálidos de aquí y los más indulgentes, porque el subtono amarillo evita que se vuelvan grises.

Cuatro aspectos de arena. La sombra de la duna tiene el rango más amplio y aguanta mejor en tamaños pequeños; el mediodía en el desierto es el más brillante y admite texto oscuro en todas partes.

Códigos de lino, avena y piedra

Son los beiges más tranquilos, más cercanos al crema y al greige. Hacen excelentes fondos para fotos de producto y lecturas largas, porque se quedan atrás y dejan que todo lo demás lleve la voz cantante. El lino es el más sutil, apenas un degradado; el beige rubor trae el subtono rosa; la piedra es el más frío, casi gris.

Neutros suaves. Si un degradado beige parece un color plano en tu pantalla, el rango es demasiado pequeño: profundiza la última parada.

Para la familia más amplia de tonos serenos, consulta las paletas de colores neutros y los colores tierra. Cuando quieras el extremo más profundo de la misma familia, café y caramelo, los códigos de degradados marrones continúan donde estos acaban.

Por qué los degradados beige forman bandas y cómo arreglarlo

Los degradados claros de poco rango solo pasan por un puñado de valores de color distintos, así que la pantalla los dibuja como escalones visibles, y una compresión fuerte lo empeora. El beige es especialmente propenso. Una capa de grano fino rompe los escalones y, de regalo, hace que el beige parezca papel, yeso o tela en lugar de un color de pantalla. El banding en degradados explica la causa en detalle.

css
.sand {
  position: relative;
  background: linear-gradient(160deg, #f6ead6 0%, #e8cfa8 50%, #c9a273 100%);
}

.sand::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
Un degradado arena con una capa de ruido SVG multiplicada encima. Sube la opacidad para una superficie más áspera y papelera.

Más recetas de grano, y hasta dónde llegar, están en los degradados con grano. Los Marks de Gradiently llevan el grano como parte de su receta, así que un Mark beige llega con su textura ya equilibrada en cada tamaño.

Colores de texto que van bien con el beige

Espresso#3b2a1e

Efecto

Cálido y suave, aún muy legible

Úsalo para

Titulares y cuerpo sobre cualquier beige
Carbón#2b2b2b

Efecto

Nítido y moderno

Úsalo para

Fondos piedra y greige
Oliva profundo

Hex

#3d4a2f

Efecto

Natural, algo inesperado

Úsalo para

Fondos arena y avena
Terracota

Hex

#a4502f

Efecto

Acento cálido

Úsalo para

Solo titulares grandes y precios
Blanco#ffffff

Efecto

Débil sobre beige claro

Úsalo para

Solo titulares grandes sobre las paradas más profundas de la sombra de la duna
TintaHexEfectoÚsalo para
Espresso#3b2a1eCálido y suave, aún muy legibleTitulares y cuerpo sobre cualquier beige
Carbón#2b2b2bNítido y modernoFondos piedra y greige
Oliva profundo#3d4a2fNatural, algo inesperadoFondos arena y avena
Terracota#a4502fAcento cálidoSolo titulares grandes y precios
Blanco#ffffffDébil sobre beige claroSolo titulares grandes sobre las paradas más profundas de la sombra de la duna
El negro funciona, pero el marrón espresso mantiene todo el diseño dentro de la misma familia cálida.

Un beige sereno, no apagado

Se ve apagado

  • Beiges rosados, amarillos y grises en una misma mezcla
  • Dos paradas tan cercanas que la mezcla es invisible
  • Una superficie digital limpia con bandas visibles
  • Texto negro puro y una composición recargada
  • Texto blanco sobre arena clara

Se ve sereno

  • Un subtono en todas las paradas
  • Un rango claro del crema a la arena tostada
  • Un grano fino que se lee como papel o yeso
  • Texto espresso y espacio generoso
  • Tinta oscura, con un acento terracota

El beige premia la contención. Pocas palabras, mucho espacio y una buena foto de producto se verán más caros que cualquier cantidad de decoración. Ese es el aspecto detrás de la mayoría del buen diseño de marcas de cuidado de la piel, y se traslada bien a papelería de boda y estudios de interiorismo.

Menos, pero mejor.
Tres ingredientes. Nada más.

Una publicación de lanzamiento de cuidado de la piel en un Mark arena. Texto espresso, una línea, mucho aire.

Dónde se gana su sitio un degradado beige

El beige trabaja más donde apoya algo más: un producto, una fotografía, unas pocas palabras cuidadas. Algunos lugares donde brilla, con los tamaños para diseñar:

  • Fotos de producto: un degradado lino o avena detrás de un frasco o una pieza de cerámica, a 2048×2048 para una imagen de producto de Shopify, mantiene al objeto como protagonista.
  • Papelería de boda: beige rubor o arena para invitaciones de 5×7 in (1500×2100 a 300 ppp), con texto espresso u oliva profundo. Más ideas en paletas de colores para bodas.
  • Interiorismo y arquitectura: degradados piedra y greige para portadas de porfolio y publicaciones de proyectos, donde la fotografía aporta el color. Consulta el branding para interioristas.
  • Secciones web: un degradado lino detrás de un testimonio o una tabla de precios lo separa de las secciones blancas sin un borde duro.
  • Un feed de Instagram sereno: alterna publicaciones arena con fotos y el feed se lee como un todo meditado.

Como el beige es tan sutil, el mismo degradado puede verse bien en una story y deslavazado en un banner ancho. Renderízalo para cada formato en lugar de estirar un archivo, y comprueba la parada más clara en un móvil a brillo máximo, donde el beige pálido puede derivar hacia el blanco liso.

Encuentra un degradado que sea solo tuyo

Explora miles de Marks, diseña con cualquiera de ellos gratis y reserva el que sientas tuyo.

Explorar el Mercado

Preguntas frecuentes

¿Qué colores forman un degradado beige?

Tonos crema, arena, avena y lino que comparten un subtono, por ejemplo #f6ead6 a #e8cfa8 a #c9a273 para un degradado arena cálido.

¿Por qué mi degradado beige se ve sucio?

Normalmente mezcla subtonos, como un beige rosado junto a uno gris. Mantén todas las paradas en la misma familia.

¿Qué color de fuente va sobre un fondo beige?

Un marrón oscuro cálido como el espresso #3b2a1e se lee con claridad y es más suave que el negro. El carbón va bien con los tonos greige más fríos.

¿Cómo evito que un degradado claro forme bandas?

Amplía el rango entre la primera y la última parada, añade una capa de grano fino sobre el degradado y exporta como PNG en lugar de un JPEG comprimido.

Compartir esta guía

Escrito por GradientlyCuenta verificada de Gradiently

El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.

Ver nuestro perfil

En esta página

Elige un subtono antes que un colorCódigos de degradado arenaCódigos de lino, avena y piedraPor qué los degradados beige forman bandas y cómo arreglarloColores de texto que van bien con el beigeUn beige sereno, no apagadoDónde se gana su sitio un degradado beige

Compartir esta guía

Siguiente en Color

Degradado marrón: códigos de café, caramelo y tierra

Sigue leyendo

Todas las guías de Color
Color

Paletas de colores neutros que aun así tienen carácter

6 min de lectura

El beige, el gris y el blanco pueden parecer caros o parecer que nadie tomó una decisión. La diferencia es la temperatura, el rango y una pequeña sorpresa. Aquí tienes ocho paletas neutras con códigos y las reglas que las mantienen vivas.

Color

Degradado marrón: códigos de café, caramelo y tierra

5 min de lectura

El marrón tiene fama de apagado, pero casi todo buen degradado marrón se esconde en una taza de café o en un taller de cerámica. Así lo mantienes cálido, con códigos para cada ambiente.

Degradados

Degradados pastel que se ven frescos, no empalagosos

5 min de lectura

Los pasteles son los degradados que más fácil gustan y los más fáciles de pasar de dulces. Unas pocas reglas hacen que parezcan luz de primavera sobre papel y no una tarta de cumpleaños.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently