20 melhores paletas de cores marroquinas com códigos Hex para design

Paletas de cores marroquinas misturam tons de joia com neutros queimados de sol, inspirados nos azulejos zellige, souks e paisagens do deserto. O resultado é um visual que parece ao mesmo tempo atemporal e moderno, com forte contraste e um calor artesanal.

Abaixo estão 20 combinações de paletas marroquinas com códigos HEX que você pode usar para branding, interiores, UI, embalagens e posts sociais—além de sugestões de imagens geradas por IA para visualizar rapidamente cada estilo.

Por que as Paletas Marroquinas Funcionam Tão Bem

Tons marroquinos equilibram saturação e terrosidade de um jeito que parece rico sem ser excessivo. Geralmente há um ou dois tons “joia” de destaque (teal, índigo, rubi) apoiados por neutros suaves (osso, areia, pergaminho) que mantêm os layouts leves.

Eles também criam uma hierarquia natural. Azuis profundos e carvão servem para tipografia e estrutura, enquanto açafrão, latão ou terracota tornam-se pontos de atenção para botões, destaques e motivos principais.

Como a inspiração vem de materiais reais—esmalte de azulejo, argila, pedra, couro—esses esquemas tendem a ser convincentes tanto em sistemas digitais quanto em espaços físicos como embalagens e interiores.

20+ Ideias de Paleta de Cores Marroquinas (com Códigos HEX)

1) Tempero do Souk

HEX: #C2543A #E2A037 #8A5A2D #0F6B6D #F4E7D3

Clima: quente, movimentado, artesanal

Melhor para: identidade visual e cardápio de restaurante

Quente e vibrante, remete a bancas de temperos, potes de barro e bandejas de latão refletindo a luz do fim de tarde. Estas combinações marroquinas funcionam lindamente em cardápios, sinalização e cartões de fidelidade onde você busca apelo imediato ao apetite. Use o teal como destaque com bastante espaço de creme para manter o layout legível. Dica: reserve o tom açafrão para preços e destaques, guiando o olhar sem chamar atenção excessiva.

Exemplo de imagem de tempero do souk gerada com media.io

Media.io

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

Experimente Grátis Agora

2) Zellige Teal

HEX: #1BA7A6 #9BE3D4 #2646A6 #F2EFE7 #2B2B2B

Clima: limpo, fresco, litorâneo

Melhor para: dashboard de UI e widgets de dados

Nítido e aquático, remete a azulejos esmaltados, brisa marinha e corredores de pedra fria. Teal e cobalto criam uma hierarquia forte para gráficos, toggles e selos sem pesar. Equilibre os tons mais brilhantes com painéis off-white e texto carvão para acessibilidade. Dica: use hortelã para estados de hover sutis e interações calmas e consistentes.

Exemplo de imagem de zellige teal gerada com media.io

3) Dunas do Saara

HEX: #E6D2B5 #C5A47E #A56B4E #7A7D3A #3B2A1F

Clima: terroso, ensolarado, natural

Melhor para: pintura e decoração de paredes internas

Suave e terroso, lembra dunas moldadas pelo vento, artigos de couro e oliveiras empoeiradas. Estes tons se destacam em salas de estar, entradas e cafés, trazendo calor sem saturação exagerada. Acrescente textura com tecidos rústicos e cerâmicas foscas para evitar um visual chapado. Dica: use o marrom mais escuro com moderação em acabamentos ou ferragens para definição precisa.

Exemplo de imagem de dunas do saara gerada com media.io

4) Índigo Atlas

HEX: #1E2A78 #7D84D8 #C9A24A #F6F1E6 #4B5563

Clima: elegante, frio, sofisticado

Melhor para: editorial de lookbook de moda

Polido e dramático, faz lembrar tingimento em índigo, ruas ao anoitecer e toques dourados em acabamentos tecidos. Índigo e ardósia criam uma base sofisticada para tipografia e legendas de produtos. Use lavanda em divisores de seções e latão para pequenos pontos de luxo como número de páginas ou citações em destaque. Dica: mantenha as molduras das fotos em osso ou off-white para evitar sombras escuras.

Exemplo de imagem de índigo atlas gerada com media.io

5) Rosa Marrakech

HEX: #C98B8F #8E2C3D #F1A36B #FFF1E1 #3B1F1F

Clima: romântico, iluminado pelo sol, festivo

Melhor para: conjunto de convites de casamento

Romântico e aquecido pelo sol, evoca paredes de estuque rosa, chá de romã e brilho de damasco ao pôr do sol. Esta paleta marroquina é ideal para convites, cartões RSVP e liners de envelope, para um toque suave com cor focal intensa. Combine o vinho intenso com bastante creme para manter a tipografia leve e sofisticada. Dica: use o tom damasco em pequenos motivos como arcos ou flores, aquecendo sem pesar o layout.

Exemplo de imagem de rosa marrakech gerada com media.io

6) Noite do Deserto

HEX: #0B1D3A #3A1B3F #B56A3C #EAD8C0 #A9B0B8

Clima: misterioso, luxuoso, cinematográfico

Melhor para: embalagem de produto de luxo

Escura e cinematográfica, remete a vielas iluminadas por lanternas e reflexos de cobre em tecidos à meia-noite. O azul-marinho e o berinjela trazem luxo instantâneo, enquanto areia e cinza lunar deixam os rótulos legíveis. O cobre funciona melhor como detalhe em hotstamping para logotipos ou bordas, em vez de fundo grande. Dica: use espaços negativos generosos para que os tons escuros pareçam intencionais, não pesados.

Exemplo de imagem de noite do deserto gerada com media.io

7) Pátio Cítrico

HEX: #B8D645 #F2D64B #FAF7EF #2B8C8A #C9643B

Clima: vibrante, divertido, leve

Melhor para: pôster botânico de primavera

Vibrante e arejado, lembra pés de citrus em pátio azulejado sob sol filtrado. Lima e cidra criam pontos focais alegres, enquanto teal compõe o contraste frio de folhas e sombras. Mantenha o creme como base para preservar o visual aquarelado e claro. Dica: use terracota apenas para pequenos detalhes de frutas para que os verdes permaneçam dominantes e frescos.

Exemplo de imagem de pátio cítrico gerada com media.io

8) Neutros do Mercado de Especiarias

HEX: #F0E2CE #BFA68A #9A5A3A #6E6B3A #1F2A30

Clima: calmo, terroso, minimalista

Melhor para: tema minimalista para site

Suave e fundamentado, faz lembrar sacos de juta, ervas secas e madeira envelhecida. Estes tons são perfeitos para sites limpos onde as imagens têm protagonismo e a interface permanece discreta. Use o tom “tinta” para títulos e botões, deixando canela e oliva como pequenos detalhes. Dica: mantenha fundos no bege mais claro para evitar um visual opaco e cansativo em páginas longas.

Exemplo de imagem de neutros do mercado de especiarias gerada com media.io

9) Hortelã do Oásis

HEX: #BFEBD6 #52C5C0 #2F7D5B #E9D9BF #E27C6A

Clima: refrescante, limpo, otimista

Melhor para: anúncio de produto de cuidados com a pele

Refrescante e limpo, lembra água fresca, chá de hortelã e areia macia sob os pés. O gradiente de menta a aqua imediatamente evoca bem-estar, enquanto o verde-palmeira adiciona credibilidade e profundidade. Use coral em chamado para ação ou destaque de produto pontual, chamando atenção sem exagerar. Dica: mantenha objetos de cena ao mínimo e deixe um tom verde dominante liderar a composição.

Exemplo de imagem de oasis mint gerado usando media.io

10) Lanterna de Latão

HEX: #C6A24A #D08A2D #6B1F2B #1A2233 #F5EAD6

Clima: brilhante, dramático, vintage

Melhor para: pôster de bar e promoção de vida noturna

Brilhante e dramático, faz lembrar um lounge iluminado por lanternas com sombras de veludo e destaques âmbar. Use meia-noite e bordô em blocos grandes e contraste de texto, depois permita que o latão e o âmbar tragam calor. O pergaminho evita que o design fique demasiado escuro e ajuda a manter a impressão fina legível. Dica: aplique latão como uma borda fina ou emblema para imitar tinta metálica sem sobrecarregar o layout.

Exemplo de imagem de lanterna de latão gerado usando media.io

11) Azulejo Terracota

HEX: #D36A4A #A64632 #F7E6D0 #1F7A78 #2A1B16

Clima: rústico, ousado, artesanal

Melhor para: moodboard de backsplash de cozinha

Rústico e ousado, remete a azulejos feitos à mão, telhados de argila e linhas de rejunte em teal. Terracota e creme são uma base atemporal para cozinhas, enquanto o teal acrescenta um toque vivo que soa personalizado. Use o tom ônix em ferragens ou luminárias para ancorar o calor. Dica: repita o teal em pequenas doses, como cerâmica ou têxteis, para parecer intencional e não aleatório.

Exemplo de imagem de azulejo terracota gerado usando media.io

12) Essaouira Litorânea

HEX: #9AD8D2 #0E6E70 #B08D6A #F7F7F4 #9CB2C4

Clima: arejado, leve, à beira-mar

Melhor para: banner principal de blog de viagem

Arejado e leve, remete a medinas litorâneas, portas desgastadas e pedras lavadas de sal. Seafoam e teal profundo são fortes para manchetes e botões, enquanto driftwood mantém a paleta natural. Use branco como tela principal para que os tons frios pareçam frescos em vez de frios. Dica: acrescente cinza céu como sobreposição suave para legendas e barras de navegação.

Exemplo de imagem de essaouira litorânea gerado usando media.io

13) Fes Real

HEX: #0B7A4B #B12A3A #D1B15A #F5F0E6 #14234A

Clima: majestoso, vibrante, cerimonial

Melhor para: design de flyer de evento

Majestoso e vibrante, sugere portas esculpidas, tons de joia e dourados sob luz suave de lanterna. Essas combinações marroquinas são perfeitas para flyers de espetáculos, eventos culturais e convites de gala que precisam de energia instantânea. Mantenha o marfim de fundo para evitar conflitos entre rubi e esmeralda, e use azul meia-noite para a tipografia. Dica: use dourado só como destaque para datas e nomes-chave, mantendo a sensação premium.

Exemplo de imagem de fes real gerado usando media.io

14) Terra de Tamareira

HEX: #6B3F2A #3E6B4E #E4D0B4 #B27754 #F8F1E4

Clima: orgânico, enraizado, artesanal

Melhor para: rótulo de embalagem de café artesanal

Orgânico e enraizado, evoca tamareiras, grãos torrados e argila sob o sol. Os tons de marrom e argila são deliciosamente táteis, enquanto o verde palmeira traz um toque fresco que soa natural e sustentável. Use creme claro para fundos de rótulos, mantendo texto pequeno e notas de degustação fáceis de ler. Dica: torne o verde palmeira uma faixa única ou selo, para parecer intencional e não um destaque "sobrando".

Exemplo de imagem de terra de tamareira gerado usando media.io

15) Açafrão e Fumaça

HEX: #E6A11A #8A8F96 #2C2E33 #D7A0A6 #F4F0E8

Clima: moderno, ousado, equilibrado

Melhor para: telas de onboarding de aplicativo

Moderno e levemente ousado, lembra o brilho do açafrão cortando a fumaça urbana. Açafrão é suficiente para botões principais e indicadores de progresso, enquanto carvão mantém a interface sólida. O tom blush suaviza ilustrações e estados vazios sem deixar tudo “doce demais”. Dica: limite o açafrão a uma ação por tela para que o onboarding fique limpo e confiante.

Exemplo de imagem de açafrão e fumaça gerado usando media.io

16) Tapete Berbere

HEX: #B63A2B #243B80 #D0A12A #1A1A1A #F3EBDD

Clima: ousado, gráfico, folclórico

Melhor para: design de padrão têxtil

Ousado e gráfico, evoca tapetes tecidos, motivos tribais e geometria desenhada à tinta. Essa paleta marroquina é ótima para padrões repetitivos, rótulos e acessórios marcantes onde o contraste importa. Use branco lã como campo principal e preto para realçar as bordas dos formatos. Dica: alterne mostarda e vermelho chili em pequenos blocos para que o padrão seja rítmico e não caótico.

Exemplo de imagem de tapete berbere gerado usando media.io

17) Argila e Cacto

HEX: #4E7D5B #C26A4A #E7D3B8 #8FB7C4 #3A2A22

Clima: ecológico, amigável, contemporâneo

Melhor para: identidade de marca ecológica

Fresco e terroso, remete a jardins de cactos, vasos de argila e névoa de céu pálido. O verde transmite sustentabilidade e confiança, enquanto argila traz calor que deixa a marca próxima. Use areia para fundos e marrom profundo para logotipos, mantendo o contraste entre impresso e digital. Dica: reserve o céu pálido para gráficos secundários, como ícones e divisores de seção, mantendo o sistema coeso.

Exemplo de imagem de argila e cacto gerado usando media.io

18) Hammam Calmo

HEX: #B8D6E6 #7BBFA3 #F6F4ED #9A9B95 #E8D7C3

Clima: acolhedor, leve, estilo spa

Melhor para: landing page de site spa

Acolhedor e leve, lembra vapor, azulejo limpo e piscinas tranquilas. Azul pálido e eucalipto criam um sinal de bem-estar para seções principais e botões CTA. Mantenha marfim como fundo primário e use cinza pedra para navegação e texto fino. Dica: adicione bege sabonete como faixa de gradiente suave para separar seções sem linhas pesadas.

Exemplo de imagem de hammam calmo gerado usando media.io

19) Pôr-do-sol Romã

HEX: #9A2235 #E06A3B #D98B8D #4B1F3A #F6E6D5

Clima: expressivo, quente, romântico

Melhor para: templates de citações para redes sociais

Expressivo e quente, lembra o céu do pôr-do-sol sobre telhados de terracota e frutas maduras no mercado. Use creme quente como tela para que romã e ameixa pareçam ricos e não pesados. Laranja pôr-do-sol é ótimo destaque para palavras-chave, enquanto blush pode suavizar blocos atrás de texto. Dica: mantenha fundos simples e escolha um tom profundo para ancorar a tipografia, melhorando a legibilidade em dispositivos móveis.

Exemplo de imagem de pôr-do-sol romã gerado usando media.io

20) Sombra Kasbah

HEX: #6B6A3A #C2A33B #8C3F2D #2B2B2B #E7D6BF

Clima: histórico, dramático, arquitetônico

Melhor para: estudo de cor em renderização arquitetônica

Dramático e arquitetônico, lembra muralhas de fortaleza, pátios sombreados e luz ocre empoeirada. Ocre e areia são ótimas bases para estudos volumétricos, enquanto tijolo traz calor para volumes de destaque. Carvão é ideal para traço e formas de sombra, mantendo o desenho nítido. Dica: aplique oliva nos elementos de paisagem para que os tons do prédio sejam dominantes e críveis.

Exemplo de imagem de sombra kasbah gerado usando media.io

Quais Cores Combinam com o Marroquino?

Paletas marroquinas combinam especialmente bem com neutros quentes como osso, pergaminho, areia e creme — esses tons evitam que as cores de joia fiquem intensas demais e mantêm o design legível.

Para contraste ousado, acrescente tons profundos como carvão, preto, azul meia-noite ou berinjela. Eles fazem terracota, açafrão, esmeralda e teal parecerem mais premium e intencionais.

Para um visual mais fresco, adicione detalhes costeiros como seafoam, menta ou azul céu pálido. Assim o esquema fica brilhante e ainda fiel à inspiração de azulejos e pedras.

Como Usar uma Paleta Marroquina em Projetos Reais

Comece com base neutra (creme, osso, areia) para fundos, escolha uma cor de joia como principal da marca (teal, índigo, esmeralda). Use um segundo tom saturado como destaque controlado para CTAs, destaques ou motivos-chave.

Em interiores, repita a mesma cor de destaque em vários pontos pequenos — têxteis, cerâmica, arte — para parecer bem selecionado. Em UI digital, mantenha o texto principalmente carvão ou azul profundo e use cores vivas só para estados (ativo, hover, badges) em vez de painéis inteiros.

Na dúvida, limite a paleta a 60/30/10: 60% neutro, 30% cor principal, 10% destaque. Combinações marroquinas de cor ficam melhores quando o “tempero” é dosado.

Crie Visuais de Paletas Marroquinas com IA

Se tem códigos HEX mas não consegue visualizar o resultado, gere mockups rápidos com IA antes de decidir. Assim você testa como terracota e teal ficam em menus, como índigo funciona em layouts editoriais, ou como açafrão age como cor de botão.

Use o nome da sua paleta mais os prompts incluídos para criar pôsteres, telas de UI, fotos de embalagem ou moodboards. Depois teste trocando uma cor por vez (por exemplo, substitua creme por osso, ou carvão por azul profundo) para ajustar o contraste.

Com Media.io, você transforma tons marroquinos em visuais consistentes para branding, templates de redes sociais e boards conceituais em minutos.

Próximo: Paleta de Cores Verde Amarelo