20 combinações de cores rosa e cinza com códigos hexadecimais

Rosa e cinza é uma daquelas combinações raras que parece ao mesmo tempo suave e estruturada. O rosa traz calor e o cinza traz clareza, fazendo os layouts parecerem intencionais, e não excessivamente doces.

Abaixo estão 20 ideias modernas de paletas de cores rosa e cinza com códigos HEX, além de dicas práticas para utilizá-las em branding, UI, embalagens e decoração.

Por que paletas de rosa e cinza funcionam tão bem

O rosa traz um tom humano e emocional—amigável, calmante, romântico ou marcante—dependendo da saturação. O cinza adiciona contenção e estrutura, então o visual fica moderno em vez de infantil.

Esse equilíbrio é especialmente útil no design digital: o rosa pode destacar ações ou estados, enquanto os cinzas estruturam layout, tipografia e elementos da interface. Você tem hierarquia clara sem recorrer ao contraste pesado do preto e branco.

Na impressão e decoração, o rosa suaviza superfícies duras (pedra, metal, concreto), e o cinza mantém a paleta sóbria. O resultado é um neutro calmo e “planejado” que ainda tem personalidade.

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

1) Blush Concreto

HEX: #F2B6C6 #E9DDE1 #B9B1B5 #6F6A70 #2E2C31

Clima: calmo, urbano, sofisticado

Melhor para: branding para beleza ou bem-estar, posts minimalistas em redes sociais

Calma e sofisticada como batom rosado sobre concreto liso. Use o rosa claro e o branco quente para amplo espaço negativo, e os cinzas médios para tipografia e estrutura. O carvão funciona melhor como base para logos ou títulos. Dica: mantenha o blush em pequenos detalhes intencionais para um layout refinado.

Exemplo de imagem de blush concreto gerada no media.io

Media.io

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

Experimente Gratuitamente

2) Quartzo Rosa Neblina

HEX: #F7C8D0 #F4EFF1 #CFC8CD #8D8890 #4B474F

Clima: arejado, suave, romântico

Melhor para: convites de casamento, landing pages de skincare

Arejada e romântica, lembra quartzo rosa brilhando na neblina da manhã. Deixe o quase branco e o blush para fundos, depois coloque os cinzas suaves para divisores, ícones e texto secundário. O grafite mais escuro mantém CTAs e títulos legíveis sem pesar. Dica: combine com uma fonte serifada quente e uma sem serifa fina para manter a suavidade intencional.

Exemplo de imagem de quartzo rosa neblina gerada no media.io

3) Peônia Ardósia

HEX: #EFA2B5 #D9C6CD #A9A2A9 #5C5960 #2B2A2F

Clima: moderno, confiante, editorial

Melhor para: layouts de revista, lookbooks de moda

Moderna e editorial, lembra pétalas de peônia sobre ardósia fria. Use o cinza médio como base do layout e o rosa intenso para destaques, botões ou chamadas. O neutro suave apoia a fotografia sem alterar tons de pele. Dica: use o tom mais escuro só em textos, e deixe o rosa contar a história.

Exemplo de imagem de peônia ardósia gerada no media.io

4) Ballet Fumaça

HEX: #F6B2C1 #F2DEE3 #BEB3B8 #7C757B #3A363C

Clima: gracioso, suave, elegante

Melhor para: branding de estúdios de dança, temas de UI femininos

Graciosa e suave, evoca sapatilhas de balé de cetim sumindo na fumaça do palco. Esta paleta funciona bem com blush como cor principal e cinzas esfumaçados para navegação, contornos e microcopy. Use o quase branco como fundo suave para a interface não pesar. Dica: use o cinza mais escuro para textos principais, garantindo acessibilidade.

Exemplo de imagem de ballet fumaça gerada no media.io

5) Framboesa Grafite

HEX: #D94B72 #F2B8C7 #C9C2C7 #6E6A70 #1F1F24

Clima: ousado, chique, alto contraste

Melhor para: anúncios de produto, banners promocionais

Ousada e chique, lembra verniz de framboesa numa mesa de grafite. Use o rosa profundo com moderação em CTAs de impacto, etiquetas de preço ou badges. O blush suave aquece fundos e degradês, enquanto os cinzas trazem contraste e estrutura. Dica: reserve o quase preto para texto e silhuetas de produtos, evitando tons intermediários indecisos.

Exemplo de imagem de framboesa grafite gerada no media.io

6) Malva Minimalista

HEX: #C88A9B #F3E7EA #D0C7CB #9A9297 #544E55

Clima: minimalista, aconchegante, discreto

Melhor para: portfólios, papelaria

Minimalista e aconchegante, lembra tricô malva ao lado de pedra lisa. Comece com blush cremoso como fundo, depois sobreponha cinzas claros e médios para cartões e bordas sutis. Malva funciona bem em ícones, estados hover e pequenos destaques sem roubar atenção. Dica: mantenha o contraste usando o cinza mais intenso em títulos grandes.

Exemplo de imagem de malva minimalista gerada no media.io

7) Rosa Vintage Cimento

HEX: #E3A7B1 #EAD8DB #B8AEB1 #80797D #3E3A3E

Clima: vintage, quente, sóbrio

Melhor para: cardápios de café, branding lifestyle

Vintage e sóbria, lembra batom desbotado em parede de cimento. Os blushes quentes trazem acolhimento para cardápios e etiquetas, enquanto os cinzas deixam o visual limpo e legível. Use o cinza médio para texto corrido e o tom profundo para títulos ou selos. Dica: use bastante espaçamento e deixe a paleta entregar a nostalgia sem texturas extras.

Exemplo de imagem de rosa vintage cimento gerada no media.io

8) Sakura Aço

HEX: #F4AFC0 #F6EDF0 #C6C8CE #7A7F8A #2E3340

Clima: fresco, frio, contemporâneo

Melhor para: dashboards SaaS, branding tech

Fresca e fria, lembra flores de cerejeira sobre aço escovado. Esta paleta shine em UIs com muitos dados: use os tons suaves em painéis e os cinzas aço em gráficos, eixos e rótulos. O azul-cinza mais escuro é ótimo para texto moderno. Dica: aplique rosa só em alertas, tags ou estados selecionados para clareza instantânea.

Exemplo de imagem de sakura aço gerada no media.io

9) Rosa Argila Nevoeiro

HEX: #DFA1A9 #F1E4E5 #C8BDBE #8C8586 #4A4345

Clima: terroso, calmo, tátil

Melhor para: moodboards de interiores, lojas de cerâmica

Terrosa e calma, lembra argila rosa secando em um estúdio silencioso. O blush empoeirado fica lindo em grandes superfícies, enquanto neutros em nevoeiro mantêm elementos de suporte discretos. Use o cinza escuro em molduras, etiquetas e nomes de produto para tudo ficar nítido. Dica: combine com materiais naturais como linho, carvalho e pedra fosca para um visual honesto e tátil.

Exemplo de imagem de argila rosa e neblina gerada usando media.io

10) Berry Ash

HEX: #B84B67 #F0BBC8 #D7D0D3 #9D959B #2C2A2F

Clima: sóbrio, estiloso, dramático

Melhor para: cartazes para eventos noturnos, campanhas de boutiques

Sóbrio e estiloso, lembra vinho de frutas silvestres derramado sobre cinzas frias. Use o berry profundo para chamar atenção em manchetes, ícones ou formas-chave. O rosa mais suave forma um belo degradê, enquanto os cinzas acinzentados ajudam a manter os designs organizados. Dica: restrinja o tom quase preto para textos e linhas finas para não sobrecarregar o berry.

Exemplo de imagem de berry ash gerada usando media.io

11) Dusty Rose Pewter

HEX: #D6A0AC #F3E6E9 #C9C1C6 #7E7A80 #3B3940

Clima: atemporal, suave, equilibrado

Melhor para: blogs editoriais, etiquetas de embalagens

Atemporal e equilibrado, remete a rosas secas e peltre levemente envelhecido. O rosa claro é ideal para fundos que valorizam fotografias de produtos, enquanto os cinzas peltre mantêm o texto legível e calmo. Use o cinza médio para textos do corpo e o tom mais escuro para marcas. Dica: adicione um toque mínimo de blush em separadores e ícones para unir as páginas.

Exemplo de imagem de dusty rose pewter gerada usando media.io

12) Flamingo Charcoal

HEX: #FF6F91 #F7C3D1 #D5CED3 #6A646B #1E1C22

Clima: divertido, marcante, moderno

Melhor para: anúncios para redes sociais, telas de onboarding de apps

Divertido e marcante, lembra uma pena de flamingo sobre carvão limpo. Esta paleta cinza rosada é ótima quando você precisa de energia sem exagero no neon: use o rosa vibrante para momentos-chave e permita que o rosa claro suavize as transições. Tons de cinza garantem a consistência entre telas e componentes. Dica: limite o rosa vibrante a uma ação por tela para manter a hierarquia evidente.

Exemplo de imagem de flamingo charcoal gerada usando media.io

13) Cotton Candy Stone

HEX: #F8AFC6 #FCE8EF #D8D0D5 #A29AA0 #565058

Clima: doce, leve, amigável

Melhor para: convites para festas infantis, marcas divertidas

Doce e leve, traz a suavidade do algodão doce com uma base fria de pedra. Use o rosa claro em áreas amplas de fundo e deixe o rosa mais profundo para ícones ou títulos. Os cinzas pedregosos evitam que fique excessivamente fofo, especialmente em textos e grades. Dica: combine fontes arredondadas e formas simples para manter o tom amigável.

Exemplo de imagem de cotton candy stone gerada usando media.io

14) Orchid Aluminum

HEX: #D07CA2 #F2D7E6 #C9CAD0 #80838E #2E3140

Clima: elegante, criativo, tecnológico

Melhor para: UI de ferramentas criativas, decks de pitch para startups

Elegante e criativo, parece tinta de orquídea sobre alumínio escovado. O lavanda-rosa passa sofisticação quando usado em destaques, seleções e gráficos principais. Os cinzas alumínio mantêm slides e interfaces limpos, principalmente atrás de capturas de tela e diagramas. Dica: use o tom mais escuro para títulos e reserve o orquídea para ênfase, não textos corridos.

Exemplo de imagem de orchid aluminum gerada usando media.io

15) Antique Rose Granite

HEX: #C7848D #F0DEE0 #BEB2B4 #7A7073 #3A3336

Clima: tradicional, refinado, aconchegante

Melhor para: branding para hotéis boutique, papelaria impressa

Tradicional e refinado, sugere rosas antigas prensadas em granito. Use o blush claro como tom de papel e construa a hierarquia com os dois cinzas médios para linhas, legendas e informações secundárias. O granito mais escuro funciona bem para monogramas e títulos elegantes. Dica: teste de impressão é fundamental aqui, então mantenha o tom mais escuro levemente suavizado ao invés de preto puro.

Exemplo de imagem de antique rose granite gerada usando media.io

16) Pink Neon Gunmetal

HEX: #FF3E7A #FFB3C8 #C9C4C8 #5E5A62 #18171C

Clima: ousado, energético, noite

Melhor para: promos de música, lançamentos streetwear

Ousado e energético, parece sinalização neon brilhando sobre gunmetal. Mantenha o neon pink restrito a tipografias e pequenos elementos gráficos para preservar a sofisticação. O rosa claro suaviza degradês e brilhos, enquanto os cinzas fundamentam o layout. Dica: use bastante espaço preto e traga o neon em inserções breves e impactantes.

Exemplo de imagem de pink neon gunmetal gerada usando media.io

17) Soft Petal Silver

HEX: #F2A9B9 #F8EEF1 #D7D7DC #9B9BA3 #4A4A52

Clima: limpo, suave, claro

Melhor para: sites de spa médico, páginas de produto limpas

Limpo e suave, lembra pétalas macias espalhadas sobre o prata frio. Use o blush claro como leve fundo e os cinzas prata para campos de formulário, bordas e elementos de interface. O cinza escuro mantém rótulos e textos legais legíveis sem parecer pesado. Dica: um degradê sutil do blush para off-white adiciona profundidade sem bagunça.

Exemplo de imagem de soft petal silver gerada usando media.io

18) Warm Blush Cool Gray

HEX: #E8A1AE #F5E3E7 #D0D3D9 #8A909A #313540

Clima: equilibrado, moderno, versátil

Melhor para: rebranding corporativo, apresentações

Equilibrado e versátil, mistura blush quente com cinzas frios apropriados para escritório. O contraste entre rosa suave e cinza azulado traz modernidade sem ser passageiro. Mantenha fundos claros e use o cinza mais escuro para títulos e números-chave. Dica: aplique o blush com um significado consistente, como destaque ou estados positivos, em todos os slides.

Exemplo de imagem de warm blush cool gray gerada usando media.io

19) Rosewood Shadow

HEX: #A24A5A #E9B7C0 #C7BEC2 #7B747A #241F24

Clima: rico, íntimo, luxuoso

Melhor para: embalagens premium, sobreposições para fotos de boutique

Rico e íntimo, traz o calor do jacarandá sobre uma base sombreada profunda. Use o vermelho-rosa escuro como destaque em rótulos, selos ou pequenos padrões. O rosa claro suporta degradês suaves, enquanto os cinzas mantêm a tipografia neutra e sofisticada. Dica: acabamentos foscos e pequenos detalhes metalizados combinam especialmente com estes tons profundos.

Exemplo de imagem de rosewood shadow gerada usando media.io

20) Pink Frost Storm

HEX: #F7B7C7 #FBF3F6 #D7DCE4 #8B94A3 #2B313B

Clima: nítido, invernal, moderno

Melhor para: campanhas sazonais, templates de newsletter

Nítido e invernal, lembra a geada rosa sobre um céu tempestuoso. O branco quase gelo mantém o layout claro, enquanto os cinzas azulados agregam contemporaneidade. Em emails, use blush para botões e títulos de seção, mantendo o texto do corpo em cinza ardósia. Dica: adicione uma borda fina em cinza claro para separar módulos sem linhas pesadas.

Exemplo de imagem de pink frost storm gerada usando media.io

Quais cores combinam com rosa e cinza?

Azul escuro é um parceiro natural para rosa e cinza porque adiciona autoridade e profundidade sem deixar a paleta pesada. Acentos navy também ajudam o rosa a parecer mais maduro e pronto para marca.

Neutros quentes como creme, areia ou taupe suave tornam esquemas rosa-cinza mais acolhedores, especialmente em embalagens e na decoração. Para um visual mais limpo e frio, experimente branco e azul aço.

Para maior contraste, pequenos pontos de metálicos (prata, cromo, ouro fosco) ou tons escuros (black cherry, espresso) funcionam bem—desde que sejam apenas pontos de destaque para manter a base calma intacta.

Como usar uma paleta rosa e cinza em projetos reais

Na UI, trate o cinza como cor de sistema: fundos, cartões, bordas e tipografia. Reserve o rosa para uma função: CTA principal, estados selecionados ou destaques—assim o usuário entende seu significado em toda a interface.

Para branding e impressão, comece com blush claro ou off-white como “papel de fundo” e use cinzas médios a escuros para legibilidade. Isso mantém logos, rótulos e layouts nítidos e suaves.

Na decoração e moodboards, a escala importa: use rosa em superfícies macias maiores (tintas, tecidos) e deixe o cinza definir bordas rígidas (metal, pedra, molduras). Isso evita que o ambiente pareça excessivamente doce.

Crie visuais de paletas rosa e cinza com IA

Se quiser visualizar como uma paleta rosa e cinza fica em um cartaz, mockup de UI, convite ou produto, gere imagens-conceito rápidas antes de criar os arquivos finais.

Com a ferramenta de texto para imagem do Media.io, você pode colar um prompt, descrever o estilo de layout e iterar até que o clima e o contraste estejam certos—use o melhor resultado como referência para a criação real.

Próximo: Paleta de Cores Azul Escuro