# Estética años 90: grunge, web 1.0 y tecnología pastel [Canonical HTML page](https://gradiently.design/es/guide/90s-aesthetic) La década no tuvo un único look. Tuvo folletos fotocopiados, páginas de inicio parpadeantes, plástico transparente y carteles rave con caritas sonrientes. Aquí tienes las paletas de cada uno, con códigos que puedes copiar. ## The short version - La estética de los 90 es una familia de looks más que un solo estilo: grunge, web 1.0, tecnología pastel, rave y una vertiente minimalista y limpia. - El grunge usa colores oscuros y desaturados como oliva, rojo sangre de toro y mostaza sucia, con textura de fotocopia y letra desgastada. - La web 1.0 se construye con colores de pantalla crudos como el azul de enlace #0000ee, el magenta #ff00ff y el verde #00ff00 sobre gris o negro. - La tecnología pastel toma de los aparatos de plástico translúcido: azul caramelo, lima, mandarina y uva, normalmente sobre blanco. - Usar hoy un look de los 90 funciona mejor cuando eliges una vertiente, mantienes su paleta ajustada y añades espaciado moderno y letra legible. La **estética de los 90** no es un estilo sino cuatro o cinco que corrieron en paralelo: el grunge, con sus oliva desvaídos y su letra fotocopiada; la web 1.0, con azul y magenta puros de pantalla sobre gris; la tecnología pastel, los colores caramelo de los aparatos de plástico translúcido; y el rave, todo amarillo ácido y caritas sonrientes. Cada uno tiene su propia paleta, textura y tipografía. Elige una vertiente, toma sus colores exactamente y tu diseño se leerá como de los 90 sin parecer un disfraz. Debajo tienes las vertientes una a una, cada una con una paleta que puedes copiar, y después cómo convertirlas en publicaciones y fondos que sigan sintiéndose actuales. ## Las cuatro vertientes del look de los 90 | Vertiente | Colores | Textura | Tipografía | | --- | --- | --- | --- | | Grunge | Oliva, rojo sangre de toro, mostaza, hueso | Fotocopia, cinta adhesiva, papel rasgado | Máquina de escribir desgastada, sans condensada | | Web 1.0 | Azul de enlace, magenta, lima sobre gris | Píxeles, fondos en mosaico, biseles | Times, Arial, Comic Sans, fuentes de píxel | | Tecnología pastel | Azul caramelo, lima, mandarina, uva | Plástico translúcido esmerilado | Sans geométrica redondeada | | Rave | Amarillo ácido, violeta UV, rosa intenso | Trama de medios tonos, xerox, tinta fluorescente | Tipografías techno anchas | Un mapa rápido de la década. Mezclar dos vertientes en un diseño es donde más falla el pastiche de los 90. También hubo una vertiente minimalista discreta: fotografía de moda en blanco y negro, mucho espacio vacío y letra sans fina. Ha envejecido tan bien que rara vez se lee como de los 90, lo que es útil si quieres el ambiente sin el disfraz. ## Paleta de la estética grunge de los 90 El color grunge parece haber estado al sol y haber sido fotocopiado dos veces. Nada está totalmente saturado y nada es blanco puro. Piensa en camisas de franela, rebecas de tienda de segunda mano y folletos de conciertos grapados a un poste. El fondo suele ser un blanco roto sucio o un casi negro, y los acentos son terrosos, no vivos. - Hollín: #1c1b17 - Oliva militar: #4b4a2f - Rojo sangre de toro: #6b2a2a - Mostaza sucia: #b08d3c - Vaquero lavado: #8a9a9b - Hueso de fotocopia: #e6dfcf Una paleta grunge: dos oscuros, dos acentos terrosos, un azul desvaído y un blanco de papel amarillento. Aquí la textura hace tanto trabajo como el color. Añade mucho grano, un fondo algo irregular y letra que parezca sellada o escrita a máquina. [Degradados con grano](https://gradiently.design/es/guide/grainy-gradients) explica cómo añadir ruido que parezca impresión y no un filtro. ## Estética web 1.0: los colores del internet temprano Las primeras páginas web usaban colores que las pantallas podían mostrar con fiabilidad, por eso la paleta es tan cruda. Azul de enlace por defecto, morado de visitado, gris de navegador y un verde sobre negro ocasional para todo lo que quería parecer técnico. El encanto está en la honestidad: bordes duros, ningún degradado salvo algún botón biselado y fondos en mosaico detrás de todo. - Gris de ventana: #c0c0c0 - Azul de enlace: #0000ee - Morado de visitado: #551a8b - Magenta: #ff00ff - Verde de terminal: #00ff00 - Azul marino de barra de título: #000080 Los colores web 1.0 son valores de pantalla crudos, incluidos el viejo azul de enlace y el morado de visitado por defecto del navegador. Úsalos a plena fuerza, pero con mesura, sobre gris o blanco. Para que sea legible hoy, dales más espacio del que tenían los originales. Un titular magenta sobre gris se lee como una referencia con conocimiento; seis colores peleándose sobre un campo de estrellas se lee como una página rota. La misma contención vale para la posterior [estética Y2K](https://gradiently.design/es/guide/y2k-aesthetic), que creció directamente de este look. ## Tecnología pastel: los colores del plástico translúcido Al final de la década, los ordenadores, los teléfonos y las consolas portátiles llegaron en plástico de colores transparente. El iMac de Apple de 1998 en azul Bondi es el ejemplo famoso, seguido de tonos con sabor a fruta. La paleta es viva pero suave, como iluminada desde atrás, y va mejor sobre blanco o un gris frío pálido. - Azul translúcido: `linear-gradient(160deg, #e0f7fa 0%, #4fc3d9 55%, #00838f 100%)` - Plástico lima: `linear-gradient(160deg, #f9fbe7 0%, #c6e05a 55%, #7cb342 100%)` - Mandarina: `linear-gradient(160deg, #fff3e0 0%, #ffb74d 55%, #f57c00 100%)` - Uva: `linear-gradient(160deg, #f3e5f5 0%, #b39ddb 55%, #6a4fa3 100%)` Cada degradado va de un brillo esmerilado al color pleno del plástico, como la luz que atraviesa una carcasa translúcida. Funcionan de maravilla como fondos de un solo color con una línea de letra sans redondeada. Combina el azul con la mandarina para contrastar, o dedica cada publicación a un solo sabor y deja que la cuadrícula se vuelva el arcoíris. ## Colores de folletos de club y rave Los folletos de clubs y raves se imprimían barato, a menudo en una o dos tintas fluorescentes sobre negro. El amarillo ácido, el violeta UV y el rosa intenso eran los básicos, con puntos de trama y rotulación techno ancha. El secreto es la limitación: un color vivo sobre negro suena más fuerte que cuatro. Si tu rumbo es el neón, [degradados neón](https://gradiently.design/es/guide/neon-gradients) muestra cómo evitar que se enturbie. Una publicación vertical de evento al estilo rave de los 90 que anuncia una noche de sábado en una nave sobre fondo oscuro con color vivo Un folleto rave sobre fondo oscuro, un color fluorescente y palabras cortas y tajantes. Una publicación vertical con la sola palabra Rebobina sobre un fondo suave color caramelo al estilo de la tecnología pastel de los 90 Una versión de tecnología pastel: una palabra sobre un color translúcido suave, con mucho aire. ## Cómo usar una estética de los 90 sin que parezca anticuada ### Disfraz - Textura grunge, colores web y letra rave en una publicación - Todos los colores a plena fuerza a la vez - Letra desgastada en tamaños de texto corrido - Clip art y fuentes de novedad como toda la idea ### Referencia - Una vertiente por diseño, mantenida en todo el feed - Un color estridente, el resto de la paleta de apoyo - Textura en el fondo, letra limpia encima - Espaciado moderno y un detalle de época bien hecho 1. **Elige una vertiente** Grunge para bandas y tiendas vintage, web 1.0 para tecnología y newsletters, tecnología pastel para productos y marcas divertidas, rave para salir de noche. 2. **Copia la paleta y luego redúcela** Parte de los códigos hex de arriba y quédate con tres o cuatro. Una paleta ajustada se lee como intencionada. 3. **Pon el detalle de época en un solo sitio** Una fuente de píxel para una etiqueta, un fondo de medios tonos, un botón biselado. Un detalle vende la década. 4. **Mantén las palabras fáciles de leer** Pon los titulares grandes sobre la parte más tranquila del fondo. [Fuentes retro](https://gradiently.design/es/guide/retro-fonts) enumera tipografías que llevan la época y aun así se leen bien. Si quieres un fondo de inspiración noventera que nadie más esté publicando, los Marks de Gradiently son un buen punto de partida: fondos vivos de degradado y material con grano y luz incorporados, cada uno único. Las palabras colocadas sobre un Mark siguen siendo legibles porque el fondo se calma detrás de ellas. Para la familia más amplia de looks nostálgicos, mira [degradados retro](https://gradiently.design/es/guide/retro-gradients) y la [estética de los 80](https://gradiently.design/es/guide/80s-aesthetic). ## FAQ ### ¿Qué colores tiene la estética de los 90? Depende de la vertiente. El grunge usa oliva, rojo sangre de toro y mostaza; la web 1.0, azul de enlace, magenta y gris; la tecnología pastel, azul caramelo, lima y mandarina; el rave, amarillo ácido y violeta UV sobre negro. ### ¿Cuál es la diferencia entre la estética de los 90 y el Y2K? El Y2K es el final de la década y los primeros años 2000: cromo, burbujas y futurismo brillante. El look más amplio de los 90 incluye también grunge, web 1.0 y rave, que son más ásperos y planos. ### ¿Qué fuentes parecen de los 90? Máquina de escribir y sans condensadas para el grunge, Times y fuentes de píxel para la web 1.0, sans geométrica redondeada para la tecnología pastel y tipografías techno anchas para los folletos rave. ### ¿Cómo hago un fondo de pantalla de estética de los 90? Elige una vertiente, usa dos o tres de sus colores como degradado o fondo plano y añade grano o textura de medios tonos. Mantenlo simple para que los iconos y los widgets sigan siendo legibles.