Colores off-white: Marfil, crema, cáscara de huevo y lino

El blanco puro (#FFFFFF) es un estándar del diseño: neutro, versátil y eternamente práctico. Pero en muchos contextos resulta demasiado austero. Puede percibirse como clínico, duro o sin refinamiento. Los colores off-white —marfil, crema, cáscara de huevo, lino y sus variantes— resuelven este problema introduciendo calidez, textura y una cualidad de material natural que el blanco puro no tiene.

El reto con los off-whites es que todos parecen similares a primera vista, y las diferencias entre ellos son lo suficientemente sutiles como para que elegir incorrectamente pueda crear efectos no deseados. Un fondo crema donde se pretendía marfil puede sentirse más dulce y menos refinado de lo planeado. Un fondo lino donde se especificó crema puede sentirse más pesado y rústico de lo deseado.

Esta guía desglosa con precisión las cuatro categorías principales de off-white —códigos hex, valores en otros espacios de color, historias de origen físico y aplicaciones de diseño apropiadas— para que puedas elegir con confianza.

¿Por qué no el blanco puro (#FFFFFF)?

Antes de examinar los off-whites, vale la pena entender por qué el blanco puro es a veces la elección incorrecta.

El blanco puro (#FFFFFF) en RGB es rgb(255, 255, 255): valores máximos en los tres canales sin calidez, sin complejidad y sin referencia material. En pantalla, es el color de la salida máxima de un píxel no iluminado: no tiene analogía física. Los materiales blancos reales —papel, algodón, hueso, yeso— tienen ligeras dominantes de color. Una hoja de papel de alta calidad prístina no es #FFFFFF. Es #FFFEF8 o #FAFAF5: casi imperceptiblemente cálida o ligeramente desvariada.

Esto importa en el diseño por varias razones:

Fatiga ocular: Los fondos en blanco puro a máximo brillo de pantalla pueden causar fatiga visual, especialmente en sesiones de lectura prolongadas. Un ligero matiz cálido reduce la fatiga ocular de alto contraste durante la lectura extensa.

Sugerencia de material: Los off-whites llevan asociaciones materiales implícitas —papel, algodón, lino, hueso, pergamino— que añaden una calidad de sustancia natural al diseño. El blanco puro no tiene referencia material.

Armonía tipográfica: La mayoría de las tipografías bien diseñadas fueron originalmente trazadas para su impresión en papel crema u off-white. Sus formas de letra fueron calibradas para interactuar con un sustrato ligeramente cálido. En pantallas de blanco puro, las mismas tipografías pueden verse ligeramente más duras de lo previsto.

Modulación del contraste: El blanco puro crea el máximo contraste con el texto oscuro. A veces el objetivo es un contraste ligeramente reducido: cómodo y legible sin ser tan exigente como un campo de blanco puro de alto contraste.

Marfil: Elegancia silenciosa (#FFFFF0)

El marfil (#FFFFF0) toma su nombre del material: la sustancia densa, dura y blanco-cremosa que se encuentra en los colmillos y dientes de los animales, más comúnmente el marfil de elefante. Como material, el marfil fue históricamente uno de los más preciados, usado para teclas de piano, bolas de billar, objetos decorativos e incrustaciones antes de la prohibición global del comercio. El color que lleva su nombre carga con estas asociaciones de lujo natural, refinamiento y antigüedad.

Propiedad	Valor
Hex	#FFFFF0
RGB	`rgb(255, 255, 240)`
HSL	`hsl(60, 100%, 97%)`
CMYK	`C:0% M:0% Y:6% K:0%`
Carácter	Matiz amarillo extremadamente sutil, casi blanco

El hex #FFFFF0 es casi imperceptiblemente off-white: solo el canal azul cae, de 255 a 240, mientras el rojo y el verde permanecen al máximo. En términos HSL, el marfil se sitúa exactamente a 60° (tono amarillo) con 100% de saturación pero 97% de luminosidad, lo que lo convierte en un color casi blanco en la posición de tono amarillo. La saturación amarilla al 97% de luminosidad se percibe como un susurro puro y limpio de calidez más que como un color perceptible.

En CMYK, el marfil es simplemente 6% de amarillo: la adición mínima posible al blanco del papel antes de desaparecer en el sustrato.

Qué comunica el marfil

La casi-blancura del marfil le otorga una cualidad de elegancia silenciosa. Es lo suficientemente cálido para evitar la calidad clínica del blanco puro, pero tan sutil que apenas se registra como coloreado. Esta sutileza es su virtud definitoria: el marfil parece el estado natural de un material de alta calidad, como si no se hubiera añadido ningún color en lugar de que el blanco haya sido calentado.

Esto hace que el marfil sea especialmente apropiado para: - Papelería formal y diseño de bodas: El marfil es el color tradicional de las invitaciones de boda: sugiere material natural y calidad patrimonial sin el exceso de formalidad del dorado ni la austeridad del blanco puro - Diseños con tipografía protagonista: Cuando un diseño es principalmente texto sobre fondo, el marfil proporciona una superficie de lectura cómoda sin competir visualmente con el tipo - Moda de lujo y belleza: La ropa y el packaging de productos en marfil se percibe como naturalmente refinado: la ausencia de color como declaración de calidad - Diseño de portafolio y editorial: Para diseñadores y fotógrafos, los fondos en marfil permiten que el trabajo respire sin la neutralidad clínica del blanco puro

Marfil vs. blanco puro

Propiedad	Marfil	Blanco puro
Hex	#FFFFF0	#FFFFFF
Canal azul	240	255
HSL	`hsl(60, 100%, 97%)`	`hsl(0, 0%, 100%)`
Calidez	Amarillo muy sutil	Ninguna
Sensación material	Natural, orgánico	Neutro, digital

Crema: Calidez y riqueza (#FFFDD0)

La crema (#FFFDD0) toma su nombre de la nata láctea: la capa rica en grasa que sube a la superficie de la leche no homogeneizada. La nata real tiene un color cálido y con matiz amarillo claramente diferente del blanco: más rico y suave, con una cualidad de grasa y calidez que la leche pura no tiene. El color que lleva su nombre carga con esta riqueza.

Propiedad	Valor
Hex	#FFFDD0
RGB	`rgb(255, 253, 208)`
HSL	`hsl(57, 100%, 91%)`
CMYK	`C:0% M:1% Y:18% K:0%`
Carácter	Blanco amarillo cálido, claramente off-white

La crema es notablemente más cálida que el marfil. Mientras el canal azul del marfil cae solo 15 puntos (de 255 a 240), el canal azul de la crema cae 47 puntos (de 255 a 208): un desplazamiento mucho más perceptible. En HSL, la crema se sitúa a 57° (cerca del amarillo) con 91% de luminosidad —menor que el 97% del marfil— lo que la coloca visiblemente más profunda en la zona del blanco cálido.

En CMYK, la crema requiere tanto una pequeña adición de magenta (1%) como un 18% de amarillo, lo que confirma que es claramente cálida y no el cuasi-neutro del marfil. El 18% de amarillo en CMYK es claramente visible como calidez en cualquier superficie.

Qué comunica la crema

La crema es la más universalmente cálida de los off-whites. Tiene una calidad acogedora y cómoda que es claramente diferente del refinamiento del marfil o la terrosidad de la cáscara de huevo. Se siente suave y accesible.

La crema funciona especialmente bien para: - Marcas de alimentos y repostería: La asociación láctea convierte la crema en una elección natural para panaderías, confitería y marcas de productos lácteos: sugiere ingredientes naturales y calidez casera - Marcas de bienestar y vida natural: La calidez de la crema combina naturalmente con materiales naturales, tonos terrosos y el lenguaje estético de estilos de vida orgánicos y lentos - Diseño para niños: Los fondos de crema cálida son menos duros que el blanco puro para la ilustración de libros infantiles, el contenido educativo y el diseño de productos para niños - Referencias de diseño de interiores cálidos: Para hacer coincidir colores con interiores físicos —paredes pintadas, muebles tapizados, madera natural— la crema a menudo proporciona un equivalente digital más preciso que el blanco puro

Crema vs. marfil

Propiedad	Crema	Marfil
Hex	#FFFDD0	#FFFFF0
Luminosidad HSL	91%	97%
Amarillo CMYK	18%	6%
Calidez	Claramente cálida, visible	Sutil, casi neutro
Carácter	Acogedor, suavidad láctea	Refinado, elegancia silenciosa

Cáscara de huevo (#F0EAD6) y lino (#FAF0E6)

La cáscara de huevo y el lino son off-whites terrosos y con textura que llevan asociaciones materiales más fuertes que el marfil o la crema.

Cáscara de huevo (#F0EAD6)

La cáscara de huevo (#F0EAD6) toma su nombre del color de los huevos de aves: concretamente la superficie mate y ligeramente porosa de la cáscara de huevo que tiene una calidad de calidez sin llegar a ser cremosa.

Propiedad	Valor
Hex	#F0EAD6
RGB	`rgb(240, 234, 214)`
HSL	`hsl(43, 47%, 89%)`
CMYK	`C:0% M:3% Y:11% K:6%`
Carácter	Beige-blanco cálido, ligero matiz tostado

La cáscara de huevo es notablemente más oscura y cálida que el marfil o la crema: con 89% de luminosidad frente al 97% del marfil y el 91% de la crema. El tono HSL de 43° la desplaza hacia el ámbar-amarillo en lugar del amarillo puro, y la saturación del 47% añade una cualidad cálido-tostada perceptible ausente en los off-whites más puros.

El desglose en CMYK revela la complejidad de la cáscara de huevo: 3% de magenta, 11% de amarillo y 6% de negro. La adición de negro es lo que produce la calidad ligeramente gris-cálida que distingue la cáscara de huevo de la crema. No es solo cálida: tiene una ligera profundidad que a la crema le falta.

La cáscara de huevo funciona bien para: - Materiales de impresión de alta gama: La cáscara de huevo es un descriptor común de acabado de papel: el papel cáscara de huevo es una superficie semimate entre mate y satinado, y el color aproxima la superficie natural cremata-mate - Referencias de color de pintura: "Cáscara de huevo" es un descriptor común de brillo de pintura interior, y el color #F0EAD6 refleja el aspecto de muchas pinturas de interior de cáscara de huevo secas en paredes - Estéticas vintage y de patrimonio: La ligera profundidad de la cáscara de huevo le da una calidad envejecida apropiada para el diseño de posicionamiento antiguo, vintage y patrimonial

Lino (#FAF0E6)

El lino (#FAF0E6) es un color CSS nombrado —uno de los 148 colores CSS estándar— que lleva el nombre de la tela de lino, elaborada con la planta de lino. El lino natural tiene un color crema-cálido distintivo con textura irregular, y se ha convertido en uno de los materiales más aspiracionales en el diseño contemporáneo de interiores y moda.

Propiedad	Valor
Hex	#FAF0E6
RGB	`rgb(250, 240, 230)`
HSL	`hsl(30, 67%, 94%)`
CMYK	`C:0% M:4% Y:8% K:2%`
Carácter	Blanco melocotón cálido, referencia de textura suave

El tono HSL de 30° del lino lo sitúa notablemente hacia la dirección naranja-ámbar, más lejos del amarillo puro que cualquiera de los otros off-whites discutidos aquí. Esto es lo que le da al lino su distintiva calidad melocotón-cálida en comparación con el amarillo-cálido del marfil y la crema, o la calidad beige de la cáscara de huevo. Con 94% de luminosidad, es más claro que la cáscara de huevo pero perceptiblemente más cálido en dirección de tono.

La saturación del 67% del lino al 94% de luminosidad produce una calidez suave pero perceptible: un blanco melocotón suave que se siente orgánico y táctil más que clínico.

El lino funciona bien para: - Diseño contemporáneo de interiores y lifestyle: La asociación del lino con los textiles naturales lo hace extremadamente popular en las estéticas de diseño de interiores "moderno orgánico" y "escandinavo" que han dominado los años 2010-2020 - Posicionamiento de marcas sostenibles y naturales: Como el material, los fondos color lino sugieren materiales naturales, conciencia medioambiental y calidad artesanal - Editorial de moda y diseño de lookbook: Los fondos lino para fotografía de ropa crean un contexto neutro pero cálido que favorece la mayoría de los colores de prendas sin competir con ellos - Estéticas farmhouse y artesanal: El blanco melocotón del lino es central en el lenguaje visual de los movimientos de diseño farmhouse, cottagecore y artesanal

Tabla de comparación completa

Propiedad	Marfil	Crema	Cáscara de huevo	Lino
Hex	#FFFFF0	#FFFDD0	#F0EAD6	#FAF0E6
RGB	`255, 255, 240`	`255, 253, 208`	`240, 234, 214`	`250, 240, 230`
Tono HSL	60° (amarillo)	57° (amarillo)	43° (ámbar)	30° (naranja)
Saturación	100%	100%	47%	67%
Luminosidad	97%	91%	89%	94%
Amarillo CMYK	6%	18%	11%	8%
Negro CMYK	0%	0%	6%	2%
Dirección de calidez	Amarillo puro	Amarillo puro	Ámbar	Naranja-melocotón
Peso visual	Más ligero	Moderado	Más pesado	Ligero-moderado
Carácter	Refinado, casi blanco	Cálido, suave	Terroso, profundidad	Melocotón, orgánico

Leyendo la progresión de tonos

El ángulo de tono cuenta la historia más importante sobre el carácter de cada off-white: - Marfil a 60°: Blanco amarillo — el off-white más limpio y puro; calidez sin ámbar ni melocotón - Crema a 57°: Casi amarillo — muy cercano al marfil pero significativamente más cálido, con un carácter amarillo más visible - Cáscara de huevo a 43°: Ámbar-amarillo — claramente más cálido y terroso; empieza a percibirse como beige - Lino a 30°: Adyacente al naranja — la dirección de tono más cálida; claramente melocotón en lugar de puramente amarillo

A medida que el ángulo de tono disminuye de 60° hacia 30°, los off-whites se desplazan progresivamente desde la calidez amarilla limpia hacia la calidez melocotón, ganando terrosidad orgánica a costa del refinamiento puro.

Elegir off-whites para fondos en diseño web

La pregunta práctica para los diseñadores web es qué off-white elegir para el fondo de una página determinada. Cada uno crea un entorno de lectura diferente y diferentes asociaciones con el contenido que enmarca.

Para contenido con tipografía protagonista (blogs, ensayos, documentación)

El marfil (#FFFFF0) es la mejor opción. Su calidad casi neutra minimiza la interferencia visual con la experiencia de lectura. El sutil matiz amarillo cálido reduce la fatiga ocular sin introducir una dominante de color perceptible que pudiera chocar con el contenido. Muchos sitios editoriales y de documentación serios usan marfil o una variante cercana como fondo de lectura.

La crema (#FFFDD0) funciona bien para contenido de formato largo en sitios con una personalidad de marca más cálida: escritura gastronómica, contenido de lifestyle, ensayos personales. La calidez adicional crea un entorno de lectura más acogedor, pero puede chocar con imágenes de tonos fríos o elementos de interfaz.

Para producto y e-commerce

El lino (#FAF0E6) funciona particularmente bien para marcas orgánicas, naturales, artesanales y sostenibles. Su calidez melocotón favorece la fotografía de productos naturales: ropa, cerámicas, objetos de madera, productos botánicos.

La cáscara de huevo (#F0EAD6) es apropiada para marcas de patrimonio, mercados de antigüedades y minoristas con posicionamiento vintage. Su ligera profundidad y calidad beige crean la impresión de papel envejecido o materiales naturales de una manera que los otros off-whites no logran.

Para componentes de interfaz (tarjetas, modales, fondos de inputs)

Los off-whites se usan frecuentemente como fondo para tarjetas, modales y superficies elevadas en sistemas de diseño que quieren evitar la dureza del blanco puro sobre páginas de fondo blanco.

Para este uso, el marfil y el lino son los más versátiles: el marfil para sistemas de diseño mínimos y sofisticados; el lino para sistemas más cálidos y de sensación orgánica. La cáscara de huevo es la más distintiva y puede resultar demasiado cálida para sistemas de diseño neutros. La crema se sitúa entre los dos en utilidad.

Variables CSS para sistemas off-white

Usar propiedades personalizadas CSS permite una gestión sistemática de los off-whites:

:root {
  --white: #FFFFFF;
  --ivory: #FFFFF0;
  --cream: #FFFDD0;
  --eggshell: #F0EAD6;
  --linen: #FAF0E6;
}

Un patrón común es usar un off-white como fondo de página y el blanco puro para componentes elevados (tarjetas, modales, inputs), creando jerarquía de superficie sin colores adicionales:

body { background-color: var(--ivory); }
.card { background-color: var(--white); }

Conversión de off-whites entre modelos de color

Formato	Marfil	Crema	Cáscara de huevo	Lino
HEX	`#FFFFF0`	`#FFFDD0`	`#F0EAD6`	`#FAF0E6`
RGB	`255, 255, 240`	`255, 253, 208`	`240, 234, 214`	`250, 240, 230`
HSL	`hsl(60,100%,97%)`	`hsl(57,100%,91%)`	`hsl(43,47%,89%)`	`hsl(30,67%,94%)`
CMYK	`0% 0% 6% 0%`	`0% 1% 18% 0%`	`0% 3% 11% 6%`	`0% 4% 8% 2%`

Usa el generador de sombras para explorar el espectro completo de tintes y sombras de cualquier off-white, y el conversor de color para traducir entre modelos de color.

Conclusiones clave

El blanco puro (#FFFFFF) es valioso pero puede percibirse como clínico, duro y sin calidad material: los off-whites abordan esto con calidez sutil
El marfil (#FFFFF0) es el off-white más sutil: casi blanco con un matiz amarillo apenas perceptible (HSL: 60°, 97% de luminosidad): la elección clásica para tipografía refinada y diseño formal
La crema (#FFFDD0) es claramente cálida (HSL: 57°, 91% de luminosidad) con una calidad suave y láctea distintiva: la mejor para contenido acogedor, gastronómico y de lifestyle
La cáscara de huevo (#F0EAD6) es más terrosa y ligeramente más profunda (HSL: 43°, 89% de luminosidad) con una calidad ámbar-beige: apropiada para diseño de patrimonio, vintage y referenciado en impresión
El lino (#FAF0E6) tiene el tono más desplazado hacia el naranja (HSL: 30°, 94% de luminosidad): una calidad melocotón y orgánica que se adapta al branding natural, sostenible y artesanal
Para fondos web: marfil para editorial/tipografía; crema para contenido de lifestyle cálido; lino para marcas orgánicas/naturales; cáscara de huevo para contextos de patrimonio y vintage
Explora variantes de tintes y sombras con el generador de sombras y convierte entre modelos de color con el conversor