# Estética anos 90: grunge, web 1.0 e tecnologia pastel

[Canonical HTML page](https://gradiently.design/pt-br/guide/90s-aesthetic)

A década não teve um visual único. Teve flyers xerocados, homepages piscando, plástico transparente e cartazes de rave com carinhas sorridentes. Aqui estão as paletas por trás de cada um, com códigos para copiar.

## The short version

- A estética anos 90 é uma família de visuais, não um estilo só: grunge, web 1.0, tecnologia pastel, rave e uma vertente minimalista limpa.
- O grunge usa cores escuras e dessaturadas, como oliva, sangue de boi e mostarda suja, com textura de xerox e tipografia desgastada.
- A web 1.0 é feita de cores de tela diretas, como o azul de link #0000ee, o magenta #ff00ff e o verde #00ff00, sobre cinza ou preto.
- A tecnologia pastel vem dos aparelhos de plástico translúcido: azul bala, lima, tangerina e uva, normalmente sobre branco.
- Usar um visual anos 90 hoje funciona melhor quando você escolhe uma vertente, mantém a paleta enxuta e acrescenta espaçamento moderno e tipografia legível.

A **estética anos 90** não é um estilo, mas quatro ou cinco que correram lado a lado: o grunge, com olivas desbotados e letras xerocadas; a web 1.0, com azul e magenta puros de tela sobre cinza; a tecnologia pastel, as cores de bala dos aparelhos de plástico translúcido; e a rave, toda em amarelo ácido e carinhas sorridentes. Cada uma tem sua paleta, textura e tipografia. Escolha uma vertente, use as cores dela com exatidão, e o seu design parece anos 90 sem parecer fantasia.

Abaixo estão as vertentes uma a uma, cada uma com uma paleta para copiar, e depois como transformá-las em posts e fundos que ainda pareçam atuais.

## As quatro vertentes do visual anos 90

| Vertente | Cores | Textura | Tipografia |
| --- | --- | --- | --- |
| Grunge | Oliva, sangue de boi, mostarda, osso | Xerox, fita adesiva, papel rasgado | Máquina de escrever desgastada, sem serifa condensada |
| Web 1.0 | Azul de link, magenta, lima sobre cinza | Pixels, fundos em mosaico, chanfros | Times, Arial, Comic Sans, fontes pixel |
| Tecnologia pastel | Azul bala, lima, tangerina, uva | Plástico fosco e translúcido | Sem serifa geométrica arredondada |
| Rave | Amarelo ácido, violeta UV, rosa choque | Retícula, xerox, tinta fluorescente | Fontes de destaque techno largas |

Um mapa rápido da década. Misturar duas vertentes num só design é onde a maioria das imitações dos anos 90 dá errado.

Havia também uma vertente minimalista discreta: fotografia de moda em preto e branco, muito espaço vazio e tipografia sem serifa fina. Ela envelheceu tão bem que raramente parece anos 90, o que é útil se você quer o clima sem a fantasia.

## Paleta da estética grunge anos 90

A cor grunge parece ter ficado no sol e passado duas vezes pela xerox. Nada é totalmente saturado e nada é branco puro. Pense em camisas de flanela, cardigãs de brechó e flyers de show grampeados num poste. O fundo costuma ser um branco sujo ou um quase preto, e os destaques são barrentos em vez de vivos.

- Fuligem: #1c1b17
- Oliva militar: #4b4a2f
- Sangue de boi: #6b2a2a
- Mostarda suja: #b08d3c
- Jeans lavado: #8a9a9b
- Osso de xerox: #e6dfcf

Uma paleta grunge: dois escuros, dois destaques barrentos, um azul desbotado e um branco de papel amarelado.

Aqui a textura trabalha tanto quanto a cor. Adicione bastante grão, um fundo levemente irregular e letras que pareçam carimbadas ou datilografadas. [Gradientes granulados](https://gradiently.design/pt-br/guide/grainy-gradients) explica como adicionar ruído que pareça impressão, não filtro.

## Estética web 1.0: as cores da internet antiga

As primeiras páginas da web usavam cores que as telas mostravam com segurança, e por isso a paleta é tão direta. Azul de link padrão, roxo de visitado, a moldura cinza do navegador e, de vez em quando, verde sobre preto para tudo que queria parecer técnico. O charme está na honestidade: bordas duras, nenhum gradiente além de um botão chanfrado aqui e ali, e fundos em mosaico atrás de tudo.

- Cinza de janela: #c0c0c0
- Azul de link: #0000ee
- Roxo de visitado: #551a8b
- Magenta: #ff00ff
- Verde de terminal: #00ff00
- Azul-marinho de barra de título: #000080

As cores da web 1.0 são valores de tela diretos, incluindo o antigo azul de link padrão dos navegadores e o roxo de visitado. Use com força total, mas com moderação, sobre cinza ou branco.

Para ficar legível hoje, dê às cores mais espaço do que os originais davam. Um título magenta sobre cinza parece uma referência consciente; seis cores brigando num céu estrelado parecem uma página quebrada. A mesma contenção vale para a [estética Y2K](https://gradiently.design/pt-br/guide/y2k-aesthetic), que nasceu direto desse visual.

## Tecnologia pastel: as cores do plástico translúcido

No fim da década, computadores, celulares e videogames portáteis chegaram em plástico colorido transparente. O iMac da Apple de 1998 em Bondi Blue é o exemplo famoso, seguido por tons com sabor de fruta. A paleta é viva mas suave, como se iluminada por trás, e fica melhor sobre branco ou um cinza frio claro.

- Azul translúcido: `linear-gradient(160deg, #e0f7fa 0%, #4fc3d9 55%, #00838f 100%)`
- Plástico lima: `linear-gradient(160deg, #f9fbe7 0%, #c6e05a 55%, #7cb342 100%)`
- Tangerina: `linear-gradient(160deg, #fff3e0 0%, #ffb74d 55%, #f57c00 100%)`
- Uva: `linear-gradient(160deg, #f3e5f5 0%, #b39ddb 55%, #6a4fa3 100%)`

Cada gradiente vai de um brilho fosco até a cor plena do plástico, do jeito que a luz atravessa uma carcaça translúcida.

Eles ficam lindos como fundos de uma cor só com uma linha de texto em sem serifa arredondada. Combine o azul com tangerina para dar contraste, ou mantenha cada post num sabor e deixe o grid do perfil virar o arco-íris.

## Cores de rave e de flyer de balada

Flyers de balada e de rave eram impressos de forma barata, muitas vezes em uma ou duas tintas fluorescentes sobre preto. Amarelo ácido, violeta UV e rosa choque eram a base, com pontos de retícula e letras techno largas. O segredo é a limitação: uma cor viva sobre preto grita mais que quatro. Se neon é o seu caminho, [gradientes neon](https://gradiently.design/pt-br/guide/neon-gradients) mostra como evitar que fique barrento.

Um post vertical de evento no estilo rave dos anos 90 anunciando uma noite de sábado num galpão, sobre fundo escuro com cor viva

Um flyer de rave sobre fundo escuro, uma cor fluorescente e palavras curtas e diretas.

Um post vertical com a palavra Rebobine sobre um fundo suave cor de bala, no estilo tecnologia pastel dos anos 90

Uma versão tecnologia pastel: uma palavra sobre uma cor suave e translúcida, com bastante respiro.

## Como usar a estética anos 90 sem parecer datado

### Fantasia

- Textura grunge, cores da web e letras de rave num só post
- Todas as cores com força total ao mesmo tempo
- Letras desgastadas no tamanho do texto corrido
- Clip art e fontes engraçadinhas como a ideia inteira

### Referência

- Uma vertente por design, mantida em todo o feed
- Uma cor forte, o resto da paleta dando apoio
- Textura no fundo, texto limpo por cima
- Espaçamento moderno e um detalhe de época bem feito

1. **Escolha uma vertente** Grunge para bandas e brechós, web 1.0 para tecnologia e newsletters, tecnologia pastel para produtos e marcas divertidas, rave para a noite.
2. **Copie a paleta e depois enxugue** Comece pelos códigos hex acima e fique com três ou quatro. Uma paleta enxuta parece intencional.
3. **Coloque o detalhe de época num lugar só** Uma fonte pixel num rótulo, um fundo de retícula, um botão chanfrado. Um detalhe basta para vender a década.
4. **Mantenha as palavras fáceis de ler** Coloque os títulos grandes na parte mais calma do fundo. [Fontes retrô](https://gradiently.design/pt-br/guide/retro-fonts) lista fontes que carregam a época e continuam legíveis.

Se você quer um fundo inspirado nos anos 90 que ninguém mais está postando, os Marks do Gradiently são um bom ponto de partida: fundos vivos de gradiente e material com grão e luz embutidos, cada um único. Palavras colocadas sobre um Mark continuam legíveis porque o fundo se acalma atrás delas. Para a família mais ampla de visuais nostálgicos, veja [gradientes retrô](https://gradiently.design/pt-br/guide/retro-gradients) e a [estética anos 80](https://gradiently.design/pt-br/guide/80s-aesthetic).

## FAQ

### Quais cores fazem parte da estética anos 90?

Depende da vertente. O grunge usa oliva, sangue de boi e mostarda; a web 1.0 usa azul de link, magenta e cinza; a tecnologia pastel usa azul bala, lima e tangerina; a rave usa amarelo ácido e violeta UV sobre preto.

### Qual a diferença entre a estética anos 90 e o Y2K?

O Y2K é o finalzinho da década e o começo dos anos 2000: cromado, bolhas e futurismo brilhante. O visual anos 90 mais amplo inclui também grunge, web 1.0 e rave, que são mais crus e mais chapados.

### Quais fontes têm cara de anos 90?

Fontes de máquina de escrever e sem serifas condensadas para o grunge, Times e fontes pixel para a web 1.0, sem serifas geométricas arredondadas para a tecnologia pastel e fontes techno largas para flyers de rave.

### Como faço um papel de parede com estética anos 90?

Escolha uma vertente, use duas ou três de suas cores como gradiente ou fundo chapado e adicione textura de grão ou retícula. Mantenha simples para que ícones e widgets continuem legíveis.