Paletas de Cores Cinza e Bordô: 20 Combinações com Códigos Hexadecimais

Cinza e vinho são um clássico moderno: os neutros frios mantêm os layouts limpos, enquanto a profundidade do vinho adiciona emoção, foco e personalidade à marca.

Abaixo estão ideias de paletas de cores em cinza e vinho com códigos HEX prontos para uso, além de sugestões reais de design que você pode executar no Media.io para gerar visuais combinando.

Por que as Paletas Cinza e Vinho Funcionam Tão Bem

O cinza traz estrutura, equilíbrio e legibilidade, tornando-se uma base confiável para fundos, tipografia e superfícies de interfaces. O vinho adiciona contraste e sofisticação sem a agressividade do vermelho vivo.

Juntos, criam um visual “premium, mas acessível” que funciona para marcas, impressos e digital. Você pode optar pelo dramático com carvão + vinho, ou algo arejado com cinzas suaves + borgonha sutil.

Essa dupla também é fácil de dosar: mantenha os cinzas dominantes para um efeito calmo, reservando o vinho para pontos-chave como manchetes, botões, rótulos e destaques de destaque.

20+ Ideias de Paleta Cinza e Vinho (com Códigos HEX)

1) Vinhedo de Ardósia

HEX: #2f343a #6b7076 #7a1e2b #b07a7d #f2efe9

Clima: sofisticado, sóbrio, editorial

Melhor para: lookbooks de moda, branding premium, layouts editoriais

Tons de ardósia e vinho profundo remetem ao entardecer em um vinhedo e uma poltrona de couro gasta. Use o vinho em destaques ou títulos e deixe os cinzas sustentarem a estrutura. Combine com espaços em branco para manter o ar sofisticado e o design respirável. Dica: reserve o tom de blush para pequenos destaques como citações ou selos.

Exemplo de imagem de vinhedo de ardósia gerado com media.io

Media.io

Media.io é um estúdio online com IA para criar e editar vídeos, imagens e áudios no seu navegador.

Experimente Agora Grátis

2) Merlot Enevoado

HEX: #d7d9dc #8a8f95 #5a1a24 #a45462 #f9f7f4

Clima: suave, romântico, calmo

Melhor para: convites de casamento, embalagens de beleza, blogs de lifestyle

Os cinzas de névoa misturados a merlot e rosa lembram uma manhã tranquila e uma taça de vinho no brunch. Use neutros claros de fundo e reserve o vinho escuro para tipografia e linhas delicadas. Combine com texturas de papel quente ou granulado sutil para sensações táteis. Dica: use o rosa apagado como cor de união em ícones e divisores.

Exemplo de imagem de merlot enevoado gerado com media.io

3) Biblioteca Patrimonial

HEX: #3c3f43 #9ea1a6 #8b2333 #c9b6a6 #f7f1e6

Clima: clássico, erudito, aconchegante

Melhor para: capas de livros, museus, cafés boutique

Clássica e intelectual, essa paleta remete a estantes de mogno, papel envelhecido e salas de leitura silenciosas. Uma paleta cinza e vinho como essa brilha em designs com bastante tipografia, onde o contraste importa. Combine o creme tipo pergaminho a fundos texturizados e deixe o vinho para títulos, selos ou brasões. Dica: use o tom bege como ponte entre o cinza frio e o vinho rico.

Exemplo de imagem de biblioteca patrimonial gerada com media.io

4) Rosewood de Concreto

HEX: #44474c #7d8288 #6a1d2a #d3a7a0 #e9e5df

Clima: urbano, sóbrio, moderno

Melhor para: portfólios de arquitetura, moodboards de interiores, landing pages de produtos

Cinzas sólidos e rosewood vinho lembram paredes de concreto aquecidas pelo tom amadeirado. Use o vermelho-marrom para CTAs importantes ou títulos, enquanto os cinzas médios mantêm o layout arquitetônico e limpo. Combine com ícones pretos foscos para destaque moderno. Dica: deixe o blush em um ou dois componentes para que pareça proposital, não adocicado.

Exemplo de imagem de rosewood de concreto gerada com media.io

5) Vinho de Inverno

HEX: #1f2327 #5e646b #741b2d #c68a8d #f4f3f0

Clima: dramático, aconchegante, premium

Melhor para: campanhas de fim de ano, rótulos de velas, eventos sofisticados

Carvão escuro e o tom vinho de inverno evocam noites aconchegantes, com cortinas de veludo e luz suave de velas. Use o preto quase absoluto em fundos ou áreas de destaque, aplicando vinho nos pontos focais. Combine com branco quente para texto legível e elegante. Dica: adicione o rosa empoeirado somente como destaque secundário para fitas, etiquetas ou pequenas ilustrações.

Exemplo de imagem de vinho de inverno gerado com media.io

6) Bistrô Moderno

HEX: #3a3d40 #b8babd #7e2030 #e2c2b0 #c7a24b

Clima: convidativo, estiloso, energético

Melhor para: cardápios de restaurante, marcas de alimentos, promoções digitais

Convidativa e estilosa, essa mistura lembra um bistrô moderno com metal escovado, iluminação quente e uma ousada carta de vinhos. O amarelo mostarda acentua os cinzas com vinho, especialmente em preços, ícones e chamadas. Combine o blush com fotos de comida para suavizar o contraste e deixar o layout acessível. Dica: use o mostarda em menos de 10% do design, assim ele permanece um toque especial e não o foco.

Exemplo de imagem de bistrô moderno gerado com media.io

7) Granada Empoeirada

HEX: #50545a #a5a8ad #861d3a #d19aa2 #f0ebe5

Clima: suave, artístico, equilibrado

Melhor para: sites de portfólio, pôsteres artísticos, produtos artesanais

Cinzas suaves com granada empoeirada e blush lembram aquarelas e flores apagadas. Use granada em botões ou títulos, e neutros para fundos. Combine com texturas naturais de papel ou padrões em pincel para um toque artesanal. Dica: mantenha o texto principal no cinza mais escuro para conforto e leitura.

Exemplo de imagem de granada empoeirada gerada com media.io

8) Cinza e Ameixa

HEX: #2b2d31 #6f737a #5d1a2f #8f5a7a #e6d9df

Clima: misterioso, luxuoso, criativo

Melhor para: posters de música, branding boutique, promoções de balada

Cinzas misteriosos e tons de ameixa remetem a bastidores iluminados e tecidos de cetim. Use ameixa para detalhes quando o vinho parecer forte demais, principalmente em gradientes ou sobreposições. Combine fundos em carvão para destacar a tipografia sem contrastes fortes. Dica: teste um degradê suave de ameixa para vinho em títulos para trazer profundidade.

Exemplo de imagem de cinza e ameixa gerada com media.io

9) Carvão e Cranberry

HEX: #1d1f22 #4f545a #8a1f2e #d55b6a #f6f1ec

Clima: ousado, cinematográfico, confiante

Melhor para: marketing de aplicativos, branding esportivo, cabeçalhos de sites marcantes

Carvão marcante e cranberry remetem a créditos de filmes e ao ar fresco do inverno. A paleta cinza e vinho funciona melhor aqui quando o cranberry é usado em pequenos destaques contra neutros escuros. Combine com muito espaço creme para que a paleta não pese. Dica: use cranberry em hovers e microinterações para dar sensação premium.

Exemplo de imagem de cranberry com carvão gerado usando media.io

10) Burgundy Nebuloso

HEX: #c6c8cc #7a7f86 #6c1a2a #b06a75 #f8f4ef

Clima: arejado, polido, contemporâneo

Melhor para: marcas de bem-estar, apresentações minimalistas, temas para blogs

Cinzas leves com burgundy e rosa suave lembram névoa sobre pedra e um cachecol de caxemira macio. Use o cinza claro como fundo principal para manter as páginas claras e então adicione o burgundy para estrutura e ênfase. Combine com tipografia sem serifa clean e espaçamento generoso para um visual calmo e moderno. Dica: use o rosa apenas para gráficos sutis, tags ou botões secundários.

Exemplo de imagem de burgundy nebuloso gerado usando media.io

11) Veludo Boutique

HEX: #383a3f #8d9096 #7b1c2f #e0c7c5 #f5f0ea

Clima: elegante, suave, luxuoso

Melhor para: logos de boutiques, embalagens para joias, UI de beleza

Tons de veludo elegante sugerem um provador de boutique, iluminação suave e detalhes refinados. A paleta cinza-burgundy parece especialmente premium quando o burgundy é usado para logos e o blush vira fundo lavado. Combine com linhas finas, capitulares pequenas e mínima ornamentação para manter a modernidade. Dica: efeitos de foil ou brilho localizado em elementos burgundy elevam o visual instantaneamente.

Exemplo de imagem de veludo boutique gerado usando media.io

12) Cabernet Industrial

HEX: #2a2c2f #61666d #7f2335 #c2b2b0 #f0e4d6

Clima: industrial, sério, confiante

Melhor para: estudos de caso de tecnologia, sites B2B, dashboards de dados

Cinzas industriais com cabernet remetem a aço escovado e um acento vermelho confiante em máquinas. Use o cinza mais escuro para navegação e o burgundy para estados ativos, assim os usuários sempre sabem onde olhar. Combine com fundos creme quentes para leitura longa e menos brilho. Dica: mantenha gráficos majoritariamente neutros e reserve o burgundy para uma série principal assim evita ruído visual.

Exemplo de imagem de cabernet industrial gerado usando media.io

13) Sangria de Pedra

HEX: #3e4045 #9a9ea4 #6f1f2d #b88b6a #f1ede6

Clima: terroso, maduro, acolhedor

Melhor para: marcas de decoração, catálogos de móveis, produtos artesanais

Cinzas pedra terrosos com sangria e bege lembram paredes de calcário, cerâmica artesanal e uma mesa de cozinha aquecida. Use o bege nos blocos de apoio e legendas para suavizar o contraste geral. Combine com fotografia natural e iluminação quente para um toque humano na paleta. Dica: use sangria em pequenas etiquetas e chips de categoria para um detalhe sofisticado e sutil.

Exemplo de imagem de sangria de pedra gerado usando media.io

14) Lareira Suave

HEX: #5b5e63 #cfd1d4 #7a2231 #f0d6d0 #2f6b6a

Clima: aconchegante, moderno, convidativo

Melhor para: moodboards de design de interiores, marcas aconchegantes, promos sazonais

A sensação de lareira aconchegante aparece com marrom quente, blush suave e um surpreendente toque de teal. Essa combinação cinza-burgundy ganha com uso de teal como destaque em ícones, costuras ou pequenas ilustrações. Combine o cinza claro com muito espaço negativo para um layout calmo e inspirado no hygge. Dica: retenha o burgundy para grandes blocos de cor para ancorar a paleta e evitar que o teal roube o foco.

Exemplo de imagem de lareira suave gerado usando media.io

15) Noite na Galeria

HEX: #111214 #3f4247 #792033 #b089a0 #e8e0ea

Clima: dramático, artístico, sofisticado

Melhor para: pôsteres de galerias de arte, ingressos de eventos, newsletters de luxo

Dramáticos e artísticos, esses tons lembram uma galeria após anoitecer com molduras iluminadas. Use o preto quase total em fundos marcantes e deixe o marrom dominar títulos e detalhes principais. Combine com lavanda-cinza clara para respiro e modernidade. Dica: experimente tipografia oversized em creme para garantir leitura à distância.

Exemplo de imagem de noite na galeria gerado usando media.io

16) Linho e Claret

HEX: #e8e5df #9b9da1 #6b1d2e #b07c66 #f7f5f2

Clima: leve, natural, sofisticado

Melhor para: marcas de skincare, embalagens minimalistas, sites tranquilos

Neutros de linho claros com vinho claret e argila quente lembram estúdio iluminado pelo sol e tecidos naturais. Use claret com parcimônia em etiquetas e botões para refinamento sem pesar. Combine com sombras sutis e cantos suaves para layouts delicados. Dica: deixe a argila quente para seções secundárias, mantendo a paleta arejada.

Exemplo de imagem de linho e claret gerado usando media.io

17) Tijolo Urbano e Fumaça

HEX: #303235 #777b82 #8a2432 #c66a4a #e5d7c9

Clima: urbano, quente, descolado

Melhor para: torrefadores de café, streetwear, estúdios criativos

Cinzas fumaça urbanos com tons de tijolo e vinho lembram becos de cidade, neon aquecido e letreiros feitos à mão. Combinações cinza-marron ganham personalidade aqui graças ao tijolo, que funciona bem em badges e CTAs secundários. Combine com fontes condensadas ousadas e iconografia simples para um acabamento street-smart. Dica: use o creme como respiro calmo entre blocos escuros de cinza.

Exemplo de imagem de tijolo urbano e fumaça gerado usando media.io

18) UI Minimal Marsala

HEX: #f7f7f8 #b0b3b8 #751d2f #2f3237 #d9b9bf

Clima: limpo, moderno, focado

Melhor para: kits de UI SaaS, dashboards, fluxos de onboarding

Neutros limpos com marsala e cinza tinta dão foco, como um workspace organizado e interface nítida. Use marsala para botões principais e destaques de status, mantendo superfícies quase brancas. Combine com o cinza escuro para textos e navegação e garanta acessibilidade. Dica: aplique blush em estados selecionados ou cards para suavizar sem perder clareza.

Exemplo de imagem de UI minimal marsala gerado usando media.io

19) Adega Rústica

HEX: #2e2f2c #6a6a65 #6e1b2b #a8744f #efe7dc

Clima: rústico, quente, tradicional

Melhor para: rótulos de vinho, marcas farm-to-table, embalagens artesanais

Rústico e quente, estes tons lembram porta de adega, barris de carvalho e rótulos à mão. Use o marrom quente como acento terroso em bordas e emblemas. Combine com papel texturizado ou ilustrações vintage para um ar tradicional. Dica: mantenha o creme claro como espaço negativo para os detalhes do rótulo ficarem nítidos.

Exemplo de imagem de adega rústica gerado usando media.io

20) Cinza Malva Nupcial

HEX: #f3eff2 #b9bcc1 #6c1c2a #c08b98 #4a4d52

Clima: romântico, suave, atemporal

Melhor para: marcas de noivas, convites, capas de álbuns fotográficos

Malva romântico e cinza suave soam atemporais, como fita de seda e flores delicadas. Use o burgundy profundo para nomes, monogramas e linhas-chave, enquanto tons claros mantêm tudo leve. Combine com ilustrações florais ou relevo para um acabamento premium. Dica: deixe o cinza escuro para detalhes em pequena escala e reserve o burgundy para momentos de destaque.

Exemplo de imagem de cinza malva nupcial gerado usando media.io

Quais Cores Combinam com Cinza e Vinho?

Brancos quentes e cremes são os companheiros mais fáceis para marrom e cinza, acrescentando luminosidade sem perder o toque sofisticado da paleta. Também melhoram a leitura em layouts com muito texto e telas de UI.

Para cores de destaque, blush apagado, rosa empoeirado e bege quente mantêm tudo suave e premium. Se quiser um toque a mais, experimente um contraste controlado como mostarda dourada ou teal profundo, usados com moderação.

Para manter a harmonia, escolha acentos com saturação também “apagada” para que o marrom continue sendo o protagonista e não dispute com um tom muito vibrante.

Como Usar uma Paleta Cinza e Vinho em Designs Reais

Comece com proporção neutra: deixe cinza e off-white dominarem superfícies (fundos, cards, espaçamento) e direcione o marrom para elementos mais importantes como títulos, botões CTA, destaques de preço ou estados chave da UI.

Use vários cinzas para criar hierarquia—cinza escuro para texto e navegação, cinza médio para divisórias, cinza claro para painéis. Assim, o design fica estruturado e o marrom atua como um acento confiante em vez de preencher tudo.

Para impressão e branding, o marrom funciona lindamente em selos, monogramas e embalagens premium, enquanto os cinzas mantêm tudo moderno e limpo. Adicione textura (grão de papel, ruído sutil) para dar riqueza aos tons apagados.

Crie Visuais com Paleta Cinza e Vinho com IA

Se você já tem os códigos HEX, converta-os em visuais de marca gerando mockups como menus, kits de UI, embalagens, pôsteres e moodboards. Assim você vê como o marrom atua como destaque ou como cor principal.

No Media.io, cole ou descreva sua paleta, depois especifique o tipo de design, estilo de tipografia e layout (minimal, editorial, vintage, etc.). Seja claro no prompt sobre “design gráfico flat” versus “foto realista em estúdio” conforme o resultado desejado.

Quando tiver algumas opções, ajuste um fator de cada vez (luminosidade de fundo, saturação do marrom ou porcentagem da cor de destaque) para manter o visual consistente em todo o sistema de marca.

Próximo: Paleta de Cores Verde Turquesa