Paleta de Cores Grunge dos Anos 90: 20 Ideias, Códigos Hex e Dicas de IA

Uma paleta de cores grunge dos anos 90 é tudo sobre contraste que parece vivido: azuis jeans lavados, neutros empoeirados, carvão de fuligem e pequenos toques de ferrugem ou tijolos.

Se você quer designs que parecem cruos, mas ainda legíveis para pôsteres modernos, interface do usuário ou branding, essas cores grunge suaves são um lugar confiável para começar.

Por que as paletas Grunge dos anos 90 funcionam tão bem

As paletas Grunge são construídas sobre cores imperfeitas: tons que parecem desbotados pelo sol, coloridos com fumaça ou impressos em papel barato. Essa qualidade "desgastada" adiciona instantaneamente o humor sem confiar na saturação alta.

Eles também resolvem um problema prático de design: você obtém uma hierarquia forte a partir de cores neutras como tinta escura, enquanto azuis jeans, azeitonas e ferrugem criam ênfase que parece intencional em vez de brilhante.

Como as cores são atenuadas, elas combinam naturalmente com grãos, textura de fotocópia, meios tons e tipo angustiado-fazendo com que todo o design pareça coeso mesmo quando você mistura fotos, colagens e manchetes ousadas.

20+90s Grunge ideias de paleta de cores (com códigos hexagonais)

1) jeans do porão

hexagonal:#22303a#4f6575#a9bccb#c6b8a4#2b2b2b

humor:moody, Desgastado, Legal

Melhor para:layouts editoriais e lookbooks

Moody e desgastado como jeans desbotados sob uma única lâmpada de sala de ensaio, esses tons inclinam-se frescos e vividos. Use os azuis jeans como sua base, depois adicione o preto cinza para o tipo e o papel-tan para a sala de respiração. Ele brilha em grades editoriais, zines e espalhamentos de fotos onde o contraste deve ser suave, não brilhante. Dica: Mantenha o azul claro para os destaques e puxe os cabeçalhos em carvão para manter a vibração aterrada.

Exemplo de imagem de basement denim gerado usando media.io

Media.io

Media.io é um estúdio de IA online para criar e editar vídeo, imagem e áudio no seu navegador.

Experimente agora de graça

2) Flanela e cinza

hexagonal:#3a2f2a#6b574d#9a8f86#2a2e31#7f2f2b

humor:Terra, fumaça, gritty

Melhor para:Identidade de marca para cafeterias e barbeiros

Marrom terroso e carvão esfumaçado evocam flanela economizada, cinzas de fogueira e um toque de atitude vermelha-tijolo. Crie logotipos e marcas de palavras com o espresso profundo e cinza e, em seguida, use os taupes quentes para suavizar as bordas. Funciona especialmente bem para marcas táteis, como cafés, barbeiros e produtos de pequenos lotes. Dica: reserve o vermelho-marrom como um único sotaque para selos, ícones ou um chamado à ação.

Exemplo de imagem de Flanel & ash gerado usando media.io

3) Amplificador enferrujado

hexagonal:#2f2d2a#8a3b2b#c27a4a#6a7a6b#d0c7b8

humor:Cru, quente, alto

Melhor para:Cartazes de concertos e gráficos promocionais de álbuns

Crua e barulhenta como uma placa frontal de amplificador arranhada, a ferrugem e laranja queimada trazem calor contra neutros aterrados. Essas ideias de combinação de cores grunge dos anos 90 funcionam melhor quando você trata o escuro neutro como tinta e deixa que os tons quentes carregem a energia. Use-o para pôsteres de concertos, promoções de álbuns e gráficos de merchandising onde a textura é importante. Dica: Adicione meio tom sutil ou grão de fotocópia para que a laranja pareça desgastada, não brilhante.

Exemplo de imagem de amplificador enferrujado gerado usando media.io

4) beco de musgo

hexagonal:#1f2a24#3f4a3a#6b6a53#a5a190#2b2b2b

humor:Úmido, silencioso, urbano

Melhor para:Anúncios de vestuário exterior e eco-branding

Úmidos e silenciosos como musgo rastejando sobre concreto rachado, esses verdes permanecem sutis e urbanos. Apoie-se na floresta profunda como sua âncora, em seguida, camada de azeitona e pedra para painéis secundários e blocos de tipografia. Ele se encaixa em roupas de exterior, marcas ecológicas e embalagens que querem se sentir robustas em vez de imaculadas. Dica: Mantenha o contraste legível colocando o texto na pedra clara e usando o verde mais escuro para as manchetes.

Exemplo de imagem de mossy alley gerado usando media.io

5) Fumaça da cassete

hexagonal:#252525#4a4f55#7f8790#b6b0a6#5a3f3a

humor:Nebuloso, nostálgico, de baixo contraste

Melhor para:Painéis de interface com uma borda retrô

Nebuloso e nostálgico como o sibilante de fita e a fumaça em um local escuro, os cinzentos mantêm tudo calmo e coeso. Use o carvão para a navegação, o cinza médio para as cartas e o cinza quente para evitar que a UI pareça estéril. Ele é adequado para painéis, aplicativos de música e ferramentas que querem uma borda retrô sem ir para o modo completo escuro. Dica: Adicione o marrom empoeirado apenas para estados ativos para que as interações pareçam intencionais.

Exemplo de imagem de fumaça de cassete gerada usando media.io

6) Zine desbotado

hexagonal:#2b2b2b#5c5460#9c95a3#d4cfc7#7b6a4d

humor:Fotocopiado, Suave, indie

Melhor para:zines, currículos e cartazes mínimos

Fotocopiado e macio como um zine grapado deixado ao sol, o cinza-lavanda adiciona um toque suave aos neutros grunge clássicos. Emparelhe o carvão com o tom de papel pálido para tipos legíveis, em seguida, polvilhe o roxo abafado para seções e puxe aspas. Funciona para zines, currículos criativos e pôsteres mínimos onde a textura faz o trabalho pesado. Dica: Mantenha os gradientes fora e use blocos planos e grãos para uma impressão mais autêntica.

Exemplo de imagem de zine desbotado gerado usando media.io

7) Concreto da garagem

hexagonal:#1f1f1f#5b6168#9ea2a3#c9bca8#3b4a55

humor:industrial, fresco, aterrado

Melhor para:Páginas de destino do produto para equipamento de áudio

Industriais e frescos como a poeira de concreto no chão de uma garagem, esses cinzas parecem resistentes sem ficar planos. A mistura é uma paleta de cores grunge dos anos 90 confiável para páginas de destino modernas onde você precisa de clareza e caráter. Use o quase preto para o texto do herói, o cinza concreto para as seções e a areia quente como um levantamento de fundo sutil. Dica: Faça do azul-cinza a sua cor principal do botão para manter os chamados à ação visíveis, mas não brilhantes.

Exemplo de imagem de concreto de garagem gerado usando media.io

8) Luzes do palco da sépia

hexagonal:#3a312a#7a5b3e#b88b5a#d8c5a7#4b4f3a

humor:Quente, esfumaçado, cinematográfico

Melhor para:Folhetos de eventos e promoções do local

Quente e esfumaçada como luzes de palco cortando a névoa, a gama sepia parece cinematográfica e íntima. Use o marrom escuro para o tipo e as bordas, em seguida, deixe tan e Pergaminho carregar o fundo e as sobreposições de imagens. É ideal para promoções de locais, folhetos de eventos e anúncios de sessões acústicas. Dica: Adicione a azeitona silenciada como um sotaque secundário para evitar que a paleta fique muito monocromática.

Exemplo de imagem de luzes de palco de sépia geradas usando media.io

9) Loja de Segurança Teal

hexagonal:#1f3b3a#3f6b6a#8fa3a0#d4d0c5#5a3f3a

humor:Empoeirado, peculiar, suave

Melhor para:Publicações sociais e branding do criador

Azul empoeirado e neutros quentes parecem descobertas de economia incompatíveis que de alguma forma funcionam juntos. Os verdes frescos acalmam o layout, enquanto o marrom cacau o mantém humano e tátil. É ótimo para branding de criadores, modelos sociais e capas de destaque que precisam de uma história de cores suave, mas memorável. Dica: Mantenha os fundos claros e use azul para as formas para que o texto permaneça nítido e compartilhável.

Exemplo de imagem de thrift store teal gerado usando media.io

10) ameixa lamacenta

hexagonal:#2b2327#533845#7a6b78#c8bfb6#3b4a3f

humor:meditativo, artístico, silencioso

Melhor para:Capas de livros e artwork de álbuns

Ameixa meditativa e maus fumaçados evocam crepúsculo machucado e esboços manchados de tinta. Use o tom mais profundo para títulos, a ameixa média para blocos e quadros e o bege empoeirado como espaço negativo. Ele se encaixa em capas de livros, artwork de álbuns e recursos editoriais onde você quer drama sem neon. Dica: Combine com texturas foscas e mantenha imagens de alto contraste para que o roxo permaneça sofisticado, não doce.

Exemplo de imagem de muddy plum gerado usando media.io

11) mostarda usada camiseta

hexagonal:#2a2a24#6a5a2e#b49a3a#d6c8a8#5a5f63

humor:gritty, sol-desbotado, vintage

Melhor para:streetwear lookbooks e merchandising

Mostarda gritosa e cores neutras desbotadas parecem uma camiseta favorita que sobreviveu a muitos passeios. Deixe a mostarda sentar em pequenas explosões para logotipos, tags ou formas de heróis, enquanto o neutro escuro controla a legibilidade. Funciona para lookbooks de streetwear, merch drops e banners promocionais que precisam de atitude sem gritar. Dica: use a areia pálida como fundo principal para evitar que o amarelo sobreponha o layout.

Exemplo de imagem de mostarda usada camiseta gerada usando media.io

12) Sujeira da margem do rio

hexagonal:#1e2a2a#2f5a57#6f7b73#cfc7b6#7a4a33

humor:lamacento, fresco, ao ar livre

Melhor para:Sistemas de embalagens e etiquetas artesanais

O azul lamacento e o cinza de pedra do rio evocam seixos molhados, madeira flutuante e a calma após a chuva. Experimente essas combinações de cores grunge dos anos 90 em embalagens artesanais onde você quer um tom artesanal e aterrado sem ir totalmente rústico. Use o pergaminho neutro para a base do rótulo e o azul escuro para marcas de marca e listas de ingredientes. Dica: Mantenha o marrom ferrugem para selos ou números de lote para adicionar autenticidade instantânea.

Exemplo de imagem de sujeira de margem do rio gerada usando media.io

13) Livro de esboços de carvão

hexagonal:#151515#3b3b3b#6b6b6b#db7ad#8c7a63

humor:Mínimo, corajoso, focado

Melhor para:Sites de portfólio e estudos de caso

Mínimo e gritoso como linhas de carvão em papel áspero, essas cores neutras mantêm o foco no conteúdo. Use quase preto para cabeçalhos, cinza médio para divisores de interface do usuário e bege quente para seções de fundo. É um forte ajuste para portfólios, estudos de caso e sites de tipografia que precisam de um tom sério. Dica: Introduza o marrom suave apenas em pequenos detalhes da interface do usuário para manter a página intencional, não enlameada.

Exemplo de imagem de Carvão sketchbook gerado usando media.io

14) Crepúsculo sobre Seattle

hexagonal:#1f2b3a#3b556a#7a8791#c9c3b8#4a3f3a

humor:Chuvoso, calmo, cinematográfico

Melhor para:Telas de integração de aplicativos de música

Os azuis do crepúsculo chuvoso e os cinzas suavizados trazem à mente as luzes da cidade refletindo nas ruas molhadas. Use a marinha profunda para cabeçalhos e a pedra pálida para painéis de fundo para manter o embarque legível. Funciona bem para aplicativos de música e recursos de streaming que querem um clima cinematográfico sem pretos pesados. Dica: Mantenha as ilustrações monocromáticas e deixe que o azul-cinza faça a maior parte do levantamento emocional.

Exemplo de imagem de Crepúsculo sobre seattle gerado usando media.io

15) manga de vinil Blues

hexagonal:#222a33#4a5f73#9fb0bf#d7cfbf#7a4a3a

humor:Legal, nostálgico, polido-grunge

Melhor para:Conceitos de capa de álbum e banners de streaming

Os azuis frios e os neutros quentes de papel parecem uma capa de vinil muito amada com bordas ligeiramente desgastadas. Como uma paleta de cores grunge dos anos 90, ela equilibra clareza e grit para visuais musicais modernos. Use o azul médio para as formas principais, mantenha o tipo em azul marinho profundo e deixe o marrom quente aparecer como um pequeno destaque ou detalhe do adesivo. Dica: Adicione uma textura sutil ou arranhado para que o azul pálido seja autêntico em vez de corporativo.

Exemplo de imagem de vinyl sleeve blues gerado usando media.io

16) Óxido e azeitona

hexagonal:#2b2b27#4a5a3a#7a6a3a#b8a77a#8a4a2f

humor:Empoeirado, robusto, terroso

Melhor para:Etiquetas de cerveja e embalagens estilo vintage

A azeitona empoeirada e o óxido laranja evocam ferramentas enferrujadas, grama seca e antigas placas de oficina. Use o neutro profundo para marcas de marca, em seguida, camada de azeitona e mostarda para padrão e hierarquia. É um ótimo ajuste para etiquetas de cerveja, embalagens de estilo vintage e distintivos onde você deseja uma sensação robusta feita à mão. Dica: Imprima com um acabamento ligeiramente suave para que o laranja pareça oxidado, não brilhante.

Exemplo de imagem de oxide & olive gerado usando media.io

17) Reflexão da poça

hexagonal:#242a2f#4b5560#7c8a92#c8c2b8#3a4a46

humor:Silencioso, molhado, discreto

Melhor para:decks de apresentação e relatórios

Azul-cinza silencioso e neutros suavizados parecem um reflexo turvo em uma poça de rua. Use a ardósia média para gráficos e divisores de seções e, em seguida, ancorar títulos com o carvão profundo. Funciona muito bem para decks de apresentação e relatórios que devem parecer modernos, mas não brilhantes. Dica: Mantenha o fundo perto do neutro pálido e use apenas um bloco saturado de cada vez para evitar ruído visual.

Exemplo de imagem de reflexão de poça gerada usando media.io

18) Tinta do pôster da banda

hexagonal:#1a1a1a#3a3a3a#d1c7b8#8a2f2f#6a6f3a

humor:Ousado, corajoso, de alto contraste

Melhor para:punk e grunge cartazes de concertos

Ousado e granuloso como tinta grossa em papel barato, este conjunto promove o contraste sem precisar de cores brilhantes. Apoie-se em preto e pergaminho para o layout principal e, em seguida, use o vermelho escuro para o título ou nome do local. É perfeito para pôsteres de concertos, anúncios de turnê e anúncios impressos onde o tipo deve atingir rapidamente. Dica: Mantenha a azeitona como um pequeno sotaque de apoio para que o vermelho permaneça a estrela.

Exemplo de imagem de tinta de cartaz de banda gerada usando media.io

19) Tijolo e lodo

hexagonal:#2a2420#6a3a2f#9a6a55#b8b0a3#3a4a3a

humor:Quente, Sujo, Urbano

Melhor para:menus de restaurantes e anúncios em quadro-negro

Vermelhos de tijolos quentes e cores neutras sujas evocam paredes de becos, couro desgastado e cabines de jantar tarde da noite. Use o marrom escuro para texto e contornos, com tijolo como seu sotaque principal para cabeçalhos de seção ou carimbos. Ele se adapta a menus, anúncios em estilo quadro-negro e sinalização que devem parecer feitos à mão e convidativos. Dica: Limite grandes áreas vermelhas e, em vez disso, deixe o bege carregar a página para manter o design legível.

Exemplo de imagem de tijolo e lodo gerado usando media.io

20) estático macio

hexagonal:#2b2b2b#6a6f73#a3a7a6#d8d2c7#4a6b7a

humor:Calmo, arejado, analógico

Melhor para:kits mínimos de interface do usuário e sistemas de design

Calmo e arejado como a estática da TV desaparecendo em silêncio, esses tons mantêm o grunge sutil e usável. A escada cinza dá-lhe hierarquia instantânea para os componentes, enquanto o azul silenciado adiciona apenas personalidade suficiente para links e estados de foco. É ideal para kits de interface do usuário e sistemas de design que precisam se sentir humanos, não estéreis. Dica: Aplique o azul com moderação aos elementos interativos para que o sistema permaneça coeso em escala.

Exemplo de imagem de soft static gerado usando media.io

Quais cores combinam bem com o Grunge dos anos 90?

As cores grunge dos anos 90 combinam melhor com outros tons "silenciosos": carvão, preto fuligem, bege papel, greige e cinza concreto. Esses neutros agem como tinta e papel, para que seu layout permaneça legível mesmo com textura pesada.

Para acentos, incline-se em cores desgastadas-ferrugem, vermelho tijolo, laranja oxidada, ameixa lamacenta ou azeitona silenciada. Use sotaques com moderação (botões, selos, cabeçalhos, ícones) para que eles se sintam como objetos encontrados em vez de neon moderno.

Se você quiser uma direção mais nova, adicione umazul claroDestaque (jeans lavado ou azul aço pálido). Ele mantém a atmosfera grunge, mas adiciona ar e clareza moderna da interface do usuário.

Como usar uma paleta de cores Grunge dos anos 90 em Designs reais

Comece com uma base de duas camadas: uma "tinta" escura (quase preto/carvão) e um "papel" claro (pergaminho/greige). Em seguida, escolha um tom médio (azul jeans, ardósia, azeitona) para carregar painéis, cartões e blocos secundários.

Salve o seu sotaque quente (ferrugem/tijolo/mostarda) para apenas um trabalho: CTAs, crachás, nomes de locais, etiquetas de preços ou pequenos preenchimentos de ícones. Essa restrição faz com que o design pareça intencional, não lamacento.

Por fim, adicione textura pensativamente: uma sobreposição de grãos leves, pontos de meio tom, bordas arranhadas ou ruído de fotocópia. Mantenha a cor plana por baixo para que a textura seja autêntica em vez de brilhante.

Crie visuais de paleta Grunge dos anos 90 com IA

Quer ver esses códigos hexagonais em ação antes de se comprometer com um cartaz, quadro de marca ou kit de interface do usuário? Gere maquetes rápidos usando um prompt de texto e as cores dominantes e de sotaque da sua paleta.

Com a ferramenta de texto para imagem do Media.io, você pode iterar rapidamente-trocar o tom "papel", ajustar o quão forte o azul jeans se sente ou testar acentos de ferrugem em diferentes composições.

Próximo: Paleta de Cores Azul Claro