20 ideias de paleta de cores cinza pastel com códigos hexadecimais

Cinza pastel é o herói silencioso do design moderno: suave o suficiente para transmitir calma, mas estruturado o bastante para parecer intencional. É especialmente útil quando você quer um clima limpo e sofisticado sem o contraste do branco puro ou o peso do carvão escuro.

Abaixo estão 20 ideias de paletas de cores cinza pastel com códigos HEX, além de casos de uso do mundo real para UI, branding, impressão e interiores.

Por Que Paletas de Cinza Pastel Funcionam Tão Bem

O cinza pastel está em um “meio seguro” que faz os designs parecerem equilibrados: reduz o ruído visual, melhora a legibilidade e deixa a tipografia e o conteúdo em destaque. Por isso é base em UI de produto, layouts editoriais e embalagens premium.

Ao contrário do cinza puro, o cinza pastel é mais arejado e suave, o que ajuda interfaces a parecerem mais amigáveis e ambientes internos mais luminosos. Também combina facilmente tanto com tons frios (cinza-azulado, sálvia, lilás) quanto com tons quentes (blush, taupe, terracota).

Mais importante, o cinza pastel cria hierarquia sem chamar atenção demais. Você pode construir profundidade com pequenas variações de tom, usando cores de destaque com parcimônia para ações, destaques ou identidade visual.

20+ Ideias de Paletas de Cores Cinza Pastel (com Códigos HEX)

1) Linho Enevoado

HEX: #d8dadd #cfd2d6 #e9e6e1 #b7b2ab #a8c1c7

Clima: arejado, minimalista, calmo

Melhor para: painel de UI 2D para app de produtividade

Arejado e silencioso como neblina da manhã sobre linho limpo, esses tons deixam tudo com sensação de amplitude. Use em painéis onde a legibilidade é essencial e os dados precisam parecer amigáveis, não agressivos. Combine o branco quente com acentos frios de ardósia para criar hierarquia e reserve o verde-azulado suave para ações principais. Dica: mantenha os contornos de baixo contraste e deixe o espaçamento organizar o design.

Exemplo de imagem de linho enevoado gerada com media.io

Media.io

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

Experimente grátis agora

2) Pérola Nublada

HEX: #e3e4e7 #c9ccd2 #f3f0f2 #d9c7c0 #b8b5b9

Clima: polido, suave, sofisticado

Melhor para: embalagens de skincare e anúncios de produtos

Polido e relaxante, lembra luz de pérola em um dia nublado com um toque de calor blush. Funciona muito bem para embalagens de skincare e wellness onde se busca suavidade sem parecer infantil. Use a base cinza clara com o acento rosado-bege para contraste leve e mantenha a tipografia em carvão ou quase preto para clareza. Dica: use o tom mais claro como fundo dos rótulos para que os ingredientes sejam fáceis de ler.

Exemplo de imagem de pérola nublada gerada com media.io

3) Pomba e Blush

HEX: #d6d8db #f1e7e8 #e7d4d8 #c7c9cc #b4a2a9

Clima: romântico, gentil, refinado

Melhor para: convite de casamento e cartão RSVP

Romântico e gentil, evoca pombas, pétalas suaves e fitas de cetim. Essa paleta de cinza pastel é perfeita para papelaria de casamento, especialmente quando se deseja um blush sem excesso de doce. Use com papel branco quente e um lilás mais profundo para nomes e títulos. Dica: adicione um pequeno detalhe metálico para valorizar o tom discreto dos cinzas.

Exemplo de imagem de pomba e blush gerada com media.io

4) Estúdio Salva-Neblina

HEX: #d2d5d7 #c7d2cc #eef0ed #aab3ad #9fb8ad

Clima: fresco, equilibrado, estilo spa

Melhor para: conceito de decoração de sala de estar

Fresco e equilibrado, lembra um jardim nublado fora de um estúdio iluminado. Os tons puxando para a sálvia são ótimos para interiores, especialmente espaços escandinavos ou Japandi que querem aconchego sem excesso de bege. Combine com carvalho claro, aço escovado e uma planta verde escura para profundidade. Dica: mantenha tecidos foscos para que os cinzas suaves transmitam conforto, não frieza.

Exemplo de imagem de estúdio salva-neblina gerada com media.io

5) Rosa Concreto

HEX: #cfd1d4 #b9b3b6 #f0e6ea #d6b2bc #8f7f86

Clima: editorial, moderno, levemente dramático

Melhor para: layout editorial de lookbook de moda

Moderna e levemente dramática, transmite concreto suavizado por filtro rosa. Use em editoriais de moda ou lifestyle quando quiser feminilidade com atitude. Combine blush claro com lilás mais profundo para destaques e divisores, mantendo fotos de alto contraste para evitar efeito lavado. Dica: coloque textos longos no branco levemente quente para leitura confortável.

Exemplo de imagem de rosa concreto gerada com media.io

6) Porto Silencioso

HEX: #d5d8dc #c4c9cf #eaeef1 #9fb0bd #b8a7a2

Clima: frio, constante, tranquilizador

Melhor para: telas de onboarding para app financeiro

Frio e constante, sugere um porto silencioso com águas azul-aço e docas de pedra. Essas combinações de cinza pastel são ideais para apps financeiros ou utilidades onde confiança e calma são mais importantes que impacto visual. Use azul-acinzentado como acento principal e o taupe quente apenas para destaques, como selos ou chamadas. Dica: mantenha ícones com traços um pouco mais espessos para ficarem nítidos sobre fundos suaves.

Exemplo de imagem de porto silencioso gerada com media.io

7) Papel de Inverno

HEX: #e6e7ea #d2d4d8 #faf7f3 #c8c0b7 #a9aab0

Clima: limpo, silencioso, atemporal

Melhor para: template de newsletter e email editorial

Limpo e silencioso, lembra luz de inverno sobre papel espesso e marcas de lápis suave. É ideal para newsletters e emails editoriais onde o conteúdo deve parecer selecionado e fácil de ler por alto. Use o creme quente com o cinza médio nos blocos e o taupe para ênfases sutis em links ou tags. Dica: limite o uso de cor de destaque a um elemento por bloco para manter o design arejado.

Exemplo de imagem de papel de inverno gerada com media.io

8) Latte Pedra-da-Lua

HEX: #d9dbde #c8c4bf #f2ebe2 #d8c2a9 #9f9aa0

Clima: aconchegante, moderno, acolhedor

Melhor para: design de pôster de menu de café

Aconchegante e moderno, lembra o brilho da pedra-da-lua ao lado de um latte quente. A base neutra cremosa permite leitura fácil do menu enquanto o acento caramelo traz calor apetitoso. Combine com tipografia marrom-escura e ícones lineares simples para manter o toque contemporâneo. Dica: use o tom caramelo para preços ou bebidas em destaque para hierarquia imediata.

Exemplo de imagem de latte pedra-da-lua gerada com media.io

9) Íris Empoeirada

HEX: #d4d6da #c6c0cf #ede8f3 #a7a3b8 #a4b6c6

Clima: etérea, suave, criativa

Melhor para: capa de podcast para programa de mindfulness

Suave e etérea, lembra pétalas de íris empoeirada e o crepúsculo pálido. Use em marcas criativas ou capas de áudio que querem transmitir calma com um toque de cor. Combine o cinza tingido de lavanda com azul suave para profundidade e mantenha o lilás claro ao redor dos títulos para respiro visual. Dica: adicione granulação ou textura sutil para dar sensação tátil aos pastéis.

Exemplo de imagem de íris empoeirada gerada usando media.io

10) Seaside Pebble

HEX: #d7d9dc #c8d0d6 #eff3f4 #a0b1b5 #b9b2a8

Clima: arejado, limpo, costeiro

Melhor para: hero da página inicial do site (Mockup UI 2D)

Arejado e limpo, evoca seixos claros e ar salgado sob um céu brilhante. Esses tons funcionam bem para sites de viagem, bem-estar e estilo de vida que precisam de um toque leve. Combine o cinza-marinho frio com detalhes em pedra quente para evitar que a página fique estéril. Dica: use o azul-cinzento mais profundo para estados de navegação para que as interações pareçam nítidas.

Exemplo de imagem de seixo costeiro gerada usando media.io

11) Chalkboard Petals

HEX: #d0d3d7 #b4bbc3 #f4f1ee #cdb3be #9aa4a8

Clima: suave, artístico, nostálgico

Melhor para: arte de parede com impressão botânica em aquarela

Suave e artístico, lembra pó de giz misturado com pétalas prensadas em um velho caderno de esboços. O malva suavizado traz uma nota romântica sem dominar os cinzas frios. Combine com texturas de aquarela, bordas irregulares e muito espaço negativo para um visual pronto para galeria. Dica: reserve o tom mais escuro apenas para pequenos detalhes como hastes ou etiquetas.

Exemplo de imagem de pétalas de quadro-negro gerada usando media.io

12) Soft Graphite Pop

HEX: #d1d3d6 #b9bcc2 #f2f2f4 #ffb3c1 #8fb6ff

Clima: divertido, moderno, confiante

Melhor para: kit de marca de startup e templates sociais

Divertido e moderno, parece sketches de grafite iluminados com destaques em cores de doce. Esta paleta em cinza pastel é perfeita para startups que desejam uma base neutra com dois destaques vibrantes para personalidade. Use o rosa para CTAs amistosos e o azul suave para estados informativos, mantendo os cinzas para a estrutura. Dica: aplique os detalhes em componentes pequenos e repetíveis, como chips e ícones para consistência.

Exemplo de imagem de soft graphite pop gerada usando media.io

13) Hushed Terracotta

HEX: #d4d6d8 #c3c0bb #f5efe9 #d9a48f #9b8f8a

Clima: quente, terroso, discreto

Melhor para: conceito de moodboard para interior de cozinha

Quente e discreto, lembra argila cozida ao sol vista através de uma névoa suave. O tom terracota dá vida aos neutros cinza, tornando-o ideal para cozinhas, cafés ou linhas de produtos artesanais. Combine com azulejos creme, pedra natural e ferragens pretas foscas para um contraste equilibrado. Dica: repita o terracota duas vezes no ambiente, depois deixe os cinzas dominarem as superfícies maiores.

Exemplo de imagem de terracota silenciosa gerada usando media.io

14) Silver Sprout

HEX: #d8dadc #c6cbd0 #eef2ee #a8c2b0 #93a39b

Clima: fresco, eco, equilibrado

Melhor para: rótulo e embalagem de produto sustentável

Fresco e voltado ao eco, parece brotos novos contra prata escovada. Os verdes permanecem suaves, então o visual geral fica limpo e premium em vez de chamativo. Combine com texturas de papel reciclado, ícones simples e um cinza mais escuro para listas de ingredientes e informações legais. Dica: use o verde-menta pálido como painel de fundo para destacar claims de sustentabilidade.

Exemplo de imagem de silver sprout gerada usando media.io

15) Cotton Cloud Play

HEX: #e0e1e4 #cfd0d4 #fff7f0 #f1c7c7 #b0b6c7

Clima: doce, leve, infantil

Melhor para: poster para quarto infantil e placa de boas-vindas para chá de bebê

Doce e leve, parece nuvens de algodão com um delicado toque de blush. O branco cremoso mantém a suavidade para quartos infantis, enquanto o azul suave adiciona equilíbrio calmo. Combine com tipografia arredondada, animais simples e muito espaço em branco para um visual tranquilizante. Dica: use o rosa apenas em pequenos destaques para que o design fique atemporal conforme as crianças crescem.

Exemplo de imagem de cotton cloud play gerada usando media.io

16) Rainy Day Denim

HEX: #d3d5d9 #bcc2c9 #e9edf2 #8fa3c7 #9b8ea0

Clima: relaxado, contemporâneo, confiável

Melhor para: templates de carrossel do Instagram para criador

Relaxado e confiável, parece denim sob uma janela chuvosa. O azul-cinza dá estrutura para títulos e divisores, enquanto o malva mantém o visual longe do corporativo demais. Combine com fotos monocromáticas ou ilustrações simples para manter o feed coeso. Dica: construa um sistema repetido de dois tamanhos de texto e uma barra de destaque para agilizar postagens.

Exemplo de imagem de rainy day denim gerada usando media.io

17) Lilac Ash Balance

HEX: #d7d8dc #c7c2d1 #f4f1f6 #a7a1b2 #a6b0b8

Clima: calmo, profissional, gentil

Melhor para: deck de slides de apresentação para consultoria

Calmo e profissional, lembra cinza-lilás flutuando sob luz suave. Funciona bem para decks de slides onde você deseja calor e autoridade sem contraste forte. Use o violeta-cinza mais profundo para cabeçalhos de seção e o quase branco para slides com muito conteúdo. Dica: mantenha os gráficos em sua maioria monocromáticos e reserve o lilás apenas para pontos-chave.

Exemplo de imagem de lilac ash balance gerada usando media.io

18) Minimal Museum

HEX: #d5d6d9 #c0c2c6 #f3f3f1 #cbbfae #8d9096

Clima: limpo como galeria, silencioso, curado

Melhor para: poster de exposição e flyer de evento

Limpo e curado como galeria, lembra paredes de concreto, pontos de luz suaves e plintos de pedra quente. Estas combinações em cinza pastel são excelentes para posters de exposição onde a tipografia precisa ser intencional e moderna. Use o bege quente como uma pequena moldura ou etiqueta de data e ancore o layout com o cinza aço profundo nos títulos. Dica: escolha um elemento de tipografia sobredimensionado e deixe os neutros fazerem o resto.

Exemplo de imagem de minimal museum gerada usando media.io

19) Powder Steel

HEX: #cfd2d6 #b8bec6 #e7ebf0 #9aa6b2 #c7b7bd

Clima: elegante, voltado para dados, moderno

Melhor para: dashboard UI de analytics com gráficos

Elegante e moderno, parece aço revestido em pó com um reflexo suave de blush. Os cinzas frios mantêm os gráficos legíveis, enquanto o malva suave pode destacar alertas ou estados selecionados sem ser gritante. Combine com gráficos de barra e linha simples, grades finas e bastante espaçamento para uma experiência de dados tranquila. Dica: defina uma cor de destaque consistente para cada tipo de gráfico para que os usuários aprendam rapidamente.

Exemplo de imagem de powder steel gerada usando media.io

20) Blown Glass Pastels

HEX: #d9dadf #cfd1d6 #f6f2f4 #b7d7d9 #e6b8d0

Clima: leve, brilhante, boutique

Melhor para: anúncio e banner de produto cosmético

Leve e brilhante, lembra vidro soprado captando reflexos em tons pastel. O tom aqua refresca os cinzas, enquanto o rosa adiciona um toque de beleza boutique. Combine com fotografia de produto em alta chave e texto mínimo para que as cores pareçam leves e não carregadas. Dica: mantenha as sombras suaves e neutras para que os tons delicados permaneçam verdadeiros.

Exemplo de imagem de blown glass pastels gerada usando media.io

Quais Cores Combinam com Cinza Pastel?

Cinza pastel combina lindamente com tons suaves como blush, taupe, creme quente e terracota—esses acrescentam acolhimento e evitam que a paleta fique fria. São uma ótima escolha para embalagens, layouts editoriais e decoração de casa.

Para um visual mais fresco e limpo, combine cinza pastel com sálvia, menta, azul-cinza costeiro ou denim empoeirado. Esses destaques mantêm a calma enquanto acrescentam cor suficiente para criar estados de UI e hierarquia visual clara.

Se deseja um acabamento premium, adicione uma cor de destaque profunda (carvão, espresso, azul-marinho) para tipografia e divisores-chave. Cinza pastel é versátil, então até pequenas quantidades de contraste fazem uma grande diferença.

Como Usar uma Paleta de Cinza Pastel em Projetos Reais

No design de UI, use o cinza pastel como superfície base para fundos e cards, depois aumente um pouco o contraste para bordas e painéis secundários. Reserve uma cor de destaque para ações primárias para que a interface fique focada e fácil de escanear.

Para branding e impressão, o cinza pastel ajuda a tipografia a parecer sofisticada e moderna—especialmente quando combinado com tons de papel branco quente. Use textura (granulado, acabamentos foscos, sombras suaves) para evitar que cinzas claros pareçam planos.

Em interiores, o cinza pastel funciona melhor quando você o equilibra com materiais naturais como carvalho, linho, pedra e metal escovado. Adicione um tom mais profundo (verde de planta, grafite ou azul aço) para dar profundidade ao ambiente.

Crie Visuais de Paleta Cinza Pastel com IA

Se você tem códigos HEX mas precisa de imagens reais—mockups, posters, telas UI ou anúncios de produto—IA pode te ajudar a gerar exemplos consistentes rapidamente. Você pode descrever o layout, iluminação e estilo, então reutilizar a mesma paleta nas variações.

Com Media.io, você transforma um prompt em imagens limpas e alinhadas para apresentações, templates sociais e painéis de conceito—sem precisar construir tudo do zero. Comece com uma paleta acima e depois ajuste composição e uso de destaques.

Próximo: Paleta de Cores de Circo