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

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

A década não teve um visual único. Teve folhetos fotocopiados, páginas iniciais a piscar, plástico transparente e cartazes rave com smileys. Aqui ficam as paletas de cada um, com códigos para copiar.

## The short version

- A estética anos 90 é uma família de visuais e não um estilo único: 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 fotocópia e letra desgastada.
- A web 1.0 constrói-se com cores de ecrã diretas, como o azul de ligação #0000ee, o magenta #ff00ff e o verde #00ff00, sobre cinzento ou preto.
- A tecnologia pastel vem dos aparelhos de plástico translúcido: azul rebuçado, lima, tangerina e uva, geralmente sobre branco.
- Usar um visual anos 90 hoje funciona melhor quando escolhes uma só vertente, manténs a paleta curta e juntas espaçamento moderno e letra legível.

A **estética anos 90** não é um estilo, são quatro ou cinco que correram lado a lado: o grunge, com os seus olivas desbotados e letra fotocopiada; a web 1.0, com azul e magenta puros de ecrã sobre cinzento; a tecnologia pastel, as cores de rebuçado dos aparelhos de plástico translúcido; e a rave, toda ela amarelo ácido e smileys. Cada uma tem a sua paleta, textura e tipografia. Escolhe uma vertente, copia-lhe as cores com exatidão e o teu design lê-se como anos 90 sem parecer um fato de Carnaval.

Abaixo vêm as vertentes uma a uma, cada uma com uma paleta que podes copiar, e depois como as transformar em publicações e fundos que ainda parecem atuais.

## As quatro vertentes do visual anos 90

| Vertente | Cores | Textura | Tipografia |
| --- | --- | --- | --- |
| Grunge | Oliva, sangue de boi, mostarda, osso | Fotocópia, fita-cola, papel rasgado | Máquina de escrever desgastada, sem serifas condensada |
| Web 1.0 | Azul de ligação, magenta, lima sobre cinzento | Píxeis, fundos em mosaico, chanfros | Times, Arial, Comic Sans, fontes de píxeis |
| Tecnologia pastel | Azul rebuçado, lima, tangerina, uva | Plástico fosco e translúcido | Sem serifas geométrica arredondada |
| Rave | Amarelo ácido, violeta UV, rosa choque | Meios-tons, xerox, tinta fluorescente | Fontes de exibição techno largas |

Um mapa rápido da década. Misturar duas vertentes num só design é onde falha a maior parte dos pastiches anos 90.

Houve também uma vertente minimalista discreta: fotografia de moda a preto e branco, muito espaço vazio e letra sem serifas fina. Envelheceu tão bem que raramente se lê como anos 90, o que é útil se quiseres o ambiente sem o disfarce.

## Paleta da estética grunge dos anos 90

A cor grunge parece ter sido deixada ao sol e fotocopiada duas vezes. Nada está totalmente saturado e nada é branco puro. Pensa em camisas de flanela, casacos de loja de usados e folhetos de concertos agrafados a um poste. O fundo costuma ser um branco sujo ou um quase preto, e os acentos são enlameados em vez de vivos.

- Fuligem: #1c1b17
- Oliva militar: #4b4a2f
- Sangue de boi: #6b2a2a
- Mostarda suja: #b08d3c
- Ganga desbotada: #8a9a9b
- Osso de fotocópia: #e6dfcf

Uma paleta grunge: dois escuros, dois acentos enlameados, um azul desbotado e um branco de papel amarelecido.

Aqui a textura faz tanto trabalho como a cor. Junta grão forte, um fundo ligeiramente irregular e letra que parece carimbada ou escrita à máquina. Os [gradientes granulados](https://gradiently.design/pt-pt/guide/grainy-gradients) explicam como acrescentar ruído que parece impressão e não um filtro.

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

As primeiras páginas web usavam cores que os ecrãs conseguiam mostrar com fiabilidade, e é por isso que a paleta é tão direta. O azul de ligação por defeito, o roxo de visitado, o cinzento das janelas do navegador e, de vez em quando, verde sobre preto para tudo o que quisesse parecer técnico. O encanto está na honestidade: arestas duras, sem gradientes exceto um ou outro botão chanfrado, e fundos em mosaico atrás de tudo.

- Cinzento de janela: #c0c0c0
- Azul de ligação: #0000ee
- Roxo de visitado: #551a8b
- Magenta: #ff00ff
- Verde de terminal: #00ff00
- Azul-marinho da barra de título: #000080

As cores da web 1.0 são valores de ecrã diretos, incluindo o antigo azul de ligação e o roxo de visitado dos navegadores. Usa-as em força total, mas com parcimónia, sobre cinzento ou branco.

Para ficar legível hoje, dá às cores mais espaço do que tinham as originais. Um título magenta sobre cinzento lê-se como uma referência consciente; seis cores em luta sobre um céu de estrelas lê-se como uma página avariada. A mesma contenção vale para a [estética Y2K](https://gradiently.design/pt-pt/guide/y2k-aesthetic), que nasceu diretamente deste visual.

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

No fim da década, computadores, telemóveis e consolas portáteis passaram a chegar em plástico colorido transparente. O iMac da Apple de 1998 em Bondi Blue é o exemplo famoso, seguido de tons com sabor a fruta. A paleta é viva mas suave, como se iluminada por trás, e assenta melhor em branco ou num cinzento 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 à cor plena do plástico, como a luz atravessa uma carcaça translúcida.

Funcionam lindamente como fundos de uma só cor com uma linha de letra sem serifas arredondada. Combina o azul com a tangerina para dar contraste, ou mantém cada publicação num só sabor e deixa a grelha ser o arco-íris.

## Cores de rave e de folhetos de clube

Os folhetos de clubes e raves imprimiam-se a baixo custo, muitas vezes com uma ou duas tintas fluorescentes sobre preto. Amarelo ácido, violeta UV e rosa choque eram os básicos, com pontos de meio-tom e letras techno largas. O segredo é a limitação: uma cor viva sobre preto grita mais do que quatro. Se o néon é o teu caminho, os [gradientes néon](https://gradiently.design/pt-pt/guide/neon-gradients) mostram como evitar que fiquem enlameados.

Uma publicação vertical de evento em estilo rave dos anos 90 a anunciar uma noite de armazém ao sábado, sobre fundo escuro com cor viva

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

Uma publicação vertical com a palavra Rebobinar sobre um fundo suave cor de rebuçado, em estilo de tecnologia pastel dos anos 90

Uma versão de tecnologia pastel: uma palavra sobre uma cor translúcida suave, com muito ar.

## Como usar uma estética anos 90 sem parecer datada

### Disfarce

- Textura grunge, cores web e letra rave numa só publicação
- Todas as cores em força total ao mesmo tempo
- Letra desgastada em tamanhos de texto corrido
- Clipart e fontes de novidade como ideia inteira

### Referência

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

1. **Escolhe uma vertente** Grunge para bandas e lojas vintage, web 1.0 para tecnologia e newsletters, tecnologia pastel para produtos e marcas divertidas, rave para noites de saída.
2. **Copia a paleta e depois corta-a** Parte dos códigos hex acima e fica com três ou quatro. Uma paleta curta lê-se como intencional.
3. **Põe o detalhe de época num só sítio** Uma fonte de píxeis numa etiqueta, um fundo de meios-tons, um botão chanfrado. Um detalhe chega para vender a década.
4. **Mantém as palavras fáceis de ler** Compõe os títulos em grande na zona mais calma do fundo. As [fontes retro](https://gradiently.design/pt-pt/guide/retro-fonts) listam tipos que carregam a época e continuam a ler-se bem.

Se queres um fundo de inspiração anos 90 que mais ninguém esteja a publicar, os Marks do Gradiently são um bom ponto de partida: fundos vivos de gradiente e material com grão e luz já incluídos, cada um único. As palavras postas num Mark continuam legíveis porque o fundo se acalma por trás delas. Para a família mais vasta de visuais nostálgicos, vê os [gradientes retro](https://gradiently.design/pt-pt/guide/retro-gradients) e a [estética anos 80](https://gradiently.design/pt-pt/guide/80s-aesthetic).

## FAQ

### Que cores tem a estética anos 90?

Depende da vertente. O grunge usa oliva, sangue de boi e mostarda; a web 1.0 usa azul de ligação, magenta e cinzento; a tecnologia pastel usa azul rebuçado, 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 final da década e o início dos anos 2000: cromado, bolhas e futurismo brilhante. O visual anos 90 mais amplo inclui também o grunge, a web 1.0 e a rave, que são mais ásperos e mais planos.

### Que fontes parecem dos anos 90?

Máquina de escrever e sem serifas condensadas para o grunge, Times e fontes de píxeis para a web 1.0, sem serifas geométricas arredondadas para a tecnologia pastel e fontes de exibição techno largas para folhetos rave.

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

Escolhe uma vertente, usa duas ou três das suas cores como gradiente ou fundo liso e acrescenta textura de grão ou de meios-tons. Mantém-no simples para os ícones e widgets continuarem legíveis.