20 Melhores Paletas de Azul e Marrom Escuro com Códigos Hexadecimais

Uma paleta de cores azul e marrom escuro combina a clareza fria com o aconchego terroso, tornando-se uma escolha versátil para marcas modernas, interiores acolhedores e interfaces digitais sofisticadas.

Abaixo estão 20 combinações azul e marrom selecionadas, com códigos HEX, além de dicas práticas e prompts de IA para você gerar visuais combinando.

Por que Paletas Azul e Marrom Escuro Funcionam Tão Bem

Azul transmite confiança, estrutura e calma — especialmente em tons navy mais profundos. O marrom escuro adiciona calor e sensação tátil, evitando que o visual fique frio ou muito corporativo.

Juntos, criam um contraste sofisticado que ainda parece natural: pense em tinta e couro, oceano e madeira, jeans e nogueira. Por isso paletas azul e marrom funcionam bem tanto em design digital quanto em materiais físicos como embalagens, sinalização e interiores.

Outra vantagem é a legibilidade: tons azuis profundos e marrons quase pretos suportam tipografia forte, enquanto cremes quentes e cinzas-bege mantêm a leitura fácil sem precisar do branco puro e agressivo.

20+ Ideias de Paletas de Cores Azul e Marrom Escuro (com Códigos HEX)

1) Espresso da Meia-noite

HEX: #0B1D3A #163A63 #2E2A28 #5B3A2B #E7DCCF

Clima: soturno, refinado, aconchegante

Melhor para: branding de luxo e embalagens de café

Azuis noturnos e marrons espresso remetem a um café tarde da noite e couro polido. Use o azul navy intenso como cor principal da marca e faça a base do layout com o marrom torrado escuro para tipografia e acabamentos. O neutro cremoso mantém o visual sofisticado e fácil de ler em rótulos e cabeçalhos. Dica: faça hot stamping do marrom sobre o navy para um acabamento de luxo sutil.

Exemplo de imagem do espresso da meia-noite gerado usando media.io

Media.io

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

Experimente Grátis Agora

2) Cacau do Porto

HEX: #08213B #1F5A86 #3B2A24 #8A6B55 #D9C7B4

Clima: náutico, quente, aconchegante

Melhor para: decoração de casa costeira e sala de estar

Azuis náuticos e marrons cacau evocam docas desgastadas, cordas e luzes aconchegantes. Essas combinações são ótimas em paredes, têxteis e madeiras onde se busca calma sem frieza. Combine com fibras naturais como linho e juta para aquecer o ambiente. Dica: use o bege mais claro em grandes superfícies e reserve o navy escuro para detalhes como quadros ou embutidos.

Exemplo de imagem do cacau do porto gerado usando media.io

3) Jeans Nogueira

HEX: #123A5A #2E6F9E #2B2624 #6B4A36 #F1E8DD

Clima: casual, acessível, moderno

Melhor para: páginas de produto em ecommerce e marcas de lifestyle

Azuis jeans e marrons nogueira dão um ar casual, familiar e moderno. Aproveite o azul médio para botões e destaques, enquanto o marrom quase preto dá suporte aos títulos e preços com suavidade, diferente do preto total. O branco quente facilita fotos de produto limpas sem ficar gritante. Dica: reserve o azul mais vibrante só para CTAs e mantenha a página calma.

Exemplo de imagem do jeans nogueira gerado usando media.io

4) Mocha Tempestuosa

HEX: #0F2A3D #355B77 #3A2F2A #9A7B64 #CFC8C1

Clima: tempestuoso, calmo, sofisticado

Melhor para: layouts editoriais e matérias de revista

Azuis tempestuosos com marrons mocha lembram chuva no vidro e xícaras fumegantes. O azul médio é ótimo para destaques e divisórias, enquanto tons de mocha aquecem títulos e legendas. Mantenha o fundo em cinza-bege suave para dar leveza e facilitar a leitura. Dica: use espaçamento generoso entre linhas com marrom escuro para ritmo editorial elegante.

Exemplo de imagem do mocha tempestuosa gerado usando media.io

5) Castanha Tinta

HEX: #071A2F #1B3F6B #241B18 #7C4E3B #EADBCB

Clima: dramático, clássico, literário

Melhor para: capas de livro e artes de podcast

Azul marinho profundo e marrom castanha lembram traços de caneta-tinteiro e estantes antigas. O contraste é forte o bastante para títulos marcantes, especialmente quando o texto em creme é aplicado sobre o azul mais escuro. Use castanha na moldura ou ilustrações para aquecer a composição. Dica: mantenha o azul médio em pequenas quantidades para o visual da capa não ficar carregado.

Exemplo de imagem do castanha tinta gerado usando media.io

6) Trufa Mar Profundo

HEX: #06263A #0E5176 #2A2422 #5A463E #B8AEA5

Clima: profundo, terroso, atmosférico

Melhor para: cardápios de restaurante e bares

Azuis de mar profundo com marrons trufa criam um clima íntimo, terroso e levemente misterioso. Use o azul mais escuro como fundo de menu e o cinza quente para o texto, facilitando a leitura sob luz baixa. O azul mais claro destaca seções ou ícones. Dica: escolha papel fosco ou textura de lousa para destacar ainda mais os marrons.

Exemplo de imagem do trufa mar profundo gerado usando media.io

7) Bourbon Blueprint

HEX: #0C2C59 #2A76B8 #2B1F1A #6A3F2B #F3E6D6

Clima: confiante, artesanal, marcante

Melhor para: branding de destilados artesanais e sistemas de rótulo

Azuis blueprint intensos com marrons bourbon trazem um ar artesanal e confiante. Essa paleta funciona muito bem em rótulos de garrafas que exigem tradição e modernidade. Combine com ilustrações gravadas e base em creme quente para acentuar detalhes. Dica: use o azul vibrante apenas como faixa de destaque para manter o tom premium.

Exemplo de imagem do bourbon blueprint gerado usando media.io

8) Safira Madeira

HEX: #0A2A4A #1F66A5 #2D2420 #8B6A52 #DCD2C5

Clima: aventureiro, limpo, confiável

Melhor para: sites de viagem e locação de cabanas

Azuis safira e marrons madeira evocam ar de montanha, cabanas robustas e manhãs frias. Aproveite os azuis para navegação e links, trazendo os marrons para badges, preços e pins de mapa. O neutro suave funciona bem em fundos para layouts com fotos. Dica: mantenha botões no azul vivo e reserve o navy escuro para títulos, reduzindo ruído visual.

Exemplo de imagem do safira madeira gerado usando media.io

9) Couro Crepúsculo

HEX: #111E3A #3A5E86 #1F1714 #704C3B #EFE2D4

Clima: sofisticado, masculino, premium

Melhor para: anúncios de cuidados masculinos e páginas de produto

Azul crepúsculo com marrom couro transmite sofisticação, elegância e masculinidade discreta. A base escura realça fotos de produto com alto contraste, enquanto o tom de couro aquece destaques e ícones de ingredientes. O creme adiciona espaços em branco para evitar peso visual. Dica: use gradientes suaves somente nos azuis para manter o visual refinado.

Exemplo de imagem de twilight leather gerado usando media.io

10) Casca da Marinha

HEX:#08162C#21476F#2B211D#5D443A#C9BEB2

Clima:natural, constante, discreto

Melhor para:Marca de roupas ao ar livre e pendurar tags

Marinha e casca marrom parecem trilhas florestais ao anoitecer, aterradas e confiáveis. Use o azul marinho escuro para marcas primárias e os tons de casca para etiquetas secundárias, detalhes de costura ou bordas de etiquetas. O neutro cinza quente mantém a tipografia legível em estoques de papel reciclado. Dica: Adicione textura através do grão de papel em vez de cores extras para manter a paleta honesta e robusta.

Exemplo de imagem de navy bark gerado usando media.io

11) Cais chuvoso

HEX:#0A2336#2B5D7D#2E241F#906A51#E3D6C8

Clima:Cinematográfico, calmo, nostálgico

Melhor para:Cartazes de filmes e folhetos de eventos

blues cinematográficos e castanhos desgastados lembram um cais chuvoso, luzes de rua e água refletiva. Estas combinações de cores azul marrom escuro são fortes para pôsteres porque os tons escuros criam profundidade instantânea. Emparelhe com tipografia condensada em creme para máxima legibilidade a distância. Dica: Mantenha as imagens em sombras frias e use o marrom quente apenas para um único destaque focal.

Exemplo de imagem de cais chuvoso gerado usando media.io

12) Cacau Cósmico

HEX:#0B1430#2E4D8C#231A17#6E4B3C#B9B0A7

Clima:Misterioso, tecnológico, elegante

Melhor para:Painéis SaaS e UI de análise

Marinha cósmica com marrom cacau parece um céu noturno sobre as luzes quentes da cidade. Use o azul mais escuro para a shell do aplicativo e, em seguida, traga o azul médio para gráficos e estados ativos. O marrom funciona surpreendentemente bem para crachás secundários e micro-destaques onde você quer calor sem gritar. Dica: Mantenha os fundos do cartão ligeiramente mais claros do que a shell para preservar a hierarquia.

Exemplo de imagem de cacau cósmico gerado usando media.io

13) Assado do Ártico

HEX:#0C2A43#4A87B5#2C2320#7A5846#F6EFE6

Clima:Fresco, aconchegante, equilibrado

Melhor para:Interiores de cafés e placas de cardápio

Os azuis árticos frescos com marrom assado equilibram a frescura e o conforto, como o ar frio do lado de fora de um café quente. Este esquema de cores azul marrom escuro funciona bem em painéis de menu, onde o fundo claro mantém os preços e itens fáceis de digitalizar. Combine com madeira pálida e ícones de linha simples para uma sensação limpa e moderna. Dica: use o azul mais brilhante para cabeçalhos de categoria e o marrom assado para nomes de itens para orientar a leitura.

Exemplo de imagem de arctic roast gerado usando media.io

14) Madeira de índigo Vintage

HEX:#16233A#334E72#2A201C#8C6A54#D8D0C7

Clima:Património, calma, atemporal

Melhor para:Logotipos e conjuntos de papelaria do patrimônio

indigo Vintage com marrom de madeira quente parece atemporal, como tinta de impressão em papel texturizado. Use índigo para monogramas e selos, e guarde o azul médio para linhas e marcas secundárias. Os tons da madeira adicionam calor a envelopes, cartões de visita e inserções de embalagem. Dica: Imprima os marrom ligeiramente mais claros do que a tela para evitar resultados lamacentos em material não revestido.

Exemplo de imagem de madeira de índigo vintage gerado usando media.io

15) Noite do Museu

HEX:#0A1633#2D4A7B#1F1A17#5C4337#E8E1DA

Clima:Artístico, silencioso, sofisticado

Melhor para:Convites de galeria e pôsteres de exposição

Museu silencioso-azuis noturnos e marrom suave parecem artísticos e sofisticados, como salões escuros e molduras iluminadas. Use a Marinha como o terreno dominante e, em seguida, defina os detalhes da exposição no neutro pálido para uma legibilidade nítida. O marrom é perfeito para pequenos sotaques direcionais, datas ou nomes de curadores. Dica: Deixe muito espaço negativo para que o design pareça cuidado, não lotado.

Exemplo de imagem de Noite do Museu gerado usando media.io

16) Pedra marrom de ardósia

HEX:#0D2633#3F6A7A#2E2521#6B554A#D0C6BD

Clima:urbano, maduro, composto

Melhor para:Portfólios de arquitetura e sites de estúdio

Os tons de azul ardósia e pedra marrom parecem urbanos e compostos, como fachadas da cidade após a chuva. Defina navegação e cabeçalhos nos tons mais escuros para autoridade e, em seguida, use o azul silenciado para links e estados de movimento. O fundo cinza quente evita que as fotos do projeto e as planas de piso pareçam excessivamente frias. Dica: use o marrom como uma cor de linha de grade fina para estruturar sutilmente estudos de caso.

Exemplo de imagem de slate brownstone gerado usando media.io

17) Conhaque de mirtilo

HEX:#1A2B5A#3E78B2#2A1C16#7B4A33#F0E2D2

Clima:Rico, festivo, convidativo

Melhor para:Convites para festas de férias e promoções de bebidas

blues ricos de mirtilo com marrom conhaque parecem festivos e convidativos sem se tornar chamativos. Estas combinações de cores azul marrom escuro ficam ótimas em convites onde você quer calor, profundidade e um toque de celebração. Pair com texturas de papel creme e um toque de tinta metálica se impressão. Dica: Mantenha o layout simples e deixe um título negrito em azul fazer o trabalho pesado.

Exemplo de imagem de conhaque de mirtilo gerado usando media.io

18) Cobalto Cedro

HEX:#0D2E63#2E74D4#2A211C#6C4D3A#E6D9CB

Clima:Energético, moderno, confiante

Melhor para:Marca tecnológica e páginas de destino de aplicativos

Cobalt energy contra cedar brown parece moderno, confiante e um pouco ousado. Use o azul brilhante para ações-chave e destaques do herói, enquanto o azul marinho escuro ancora cabeçalhos e rodapés. O cedro adiciona calor aos ícones, ilustrações e cartões de depoimento para que a página pareça humana. Dica: Limite o azul brilhante a um estilo de ação para manter os elementos de conversão inconfundíveis.

Exemplo de imagem de cobalto cedro gerado usando media.io

19) Latte Noir

HEX:#0A1224#2B4F79#1E1816#5E3F33#DCCFC3

Clima:Minimalista, íntimo, sofisticado

Melhor para:branding e sinalização de hotéis boutique

Os azuis Noir e os marrom latte criam um clima íntimo e sofisticado como um lobby suavemente iluminado. Use os tons quase pretos para o tipo de sinalização e o azul silenciado para sinais direcionais ou números de sala. O neutro quente ajuda todo o sistema a se sentir acolhedor em vez de severo. Dica: Aumente o espaçamento entre letras na sinalização escura para melhorar a legibilidade à distância.

Exemplo de imagem de noir latte gerado usando media.io

20) Cabine do oceano

HEX:#082A44#2C6B8F#2A231F#7C5D49#EEE5DA

Clima:Descontraído, Rústico, Respirável

Melhor para:Pinterest-estilo interior mood boards

Os azuis do oceano com os castanhos da cabana sentem-se relaxados e rústicos, como madeira flutuante ao lado da água calma. Use o azul mais claro para têxteis arejados e acentos de tinta, enquanto os marrom funcionam melhor em móveis de madeira e iluminação quente. O neutro cremoso une tudo para um mood board respirável. Dica: Repita o marrom em pequenos itens de decoração para que o espaço pareça coeso, não pesado.

Exemplo de imagem de ocean cabin gerado usando media.io

Quais Cores Combinam Bem com Azul Marrom Escuro?

Os neutros quentes são a combinação mais fácil: creme, aveia, bege e greige suavizam a transição entre azuis profundos e marrom escuro, mantendo as coisas legíveis e premium.

Para os sotaques, os metálicos abafados (latão, bronze, ouro macio) adicionam uma sensação artesanal, enquanto os sotaques legais como azul ou ardósia podem modernizar os azuis sem lutar contra os marrom.

Se você precisar de um pop mais brilhante, use uma cor de destaque controlada (como um cobalto mais limpo ou um terracota macio) com moderação-idealmente para CTAs, crachás ou pequenos elementos decorativos.

Como Usar uma Paleta de Azul Marrom Escuro em Projetos Reais

Comece atribuindo papéis: use a marinha mais escura como sua âncora (cabeçalhos, fundos, seções de heróis), depois traga marrom escuro para tipografia ou corte onde você quiser calor sem perder o contraste.

Deixe a luz neutra fazer o levantamento pesado para a legibilidade. Na web e na interface do usuário, é ideal para superfícies (cartões, áreas de conteúdo) para que fotografias e fotos de produtos pareçam naturais em vez de nítidas.

Mantenha a saturação sob controle: Essas paletas parecem mais caras quando os azuis permanecem profundos e os marrom permanecem terrosos. Use o azul mais brilhante (quando incluído) como uma única cor de "ação" para links e botões primários.

Crie Visuais com Paleta Azul Marrom Escuro usando IA

Se você já tem códigos hexagonais, mas precisa de visuais correspondentes (maquetes, pôsteres, cenas de interface do usuário, quadros de humor), gerar exemplos com IA pode acelerar a exploração e manter os conceitos consistentes.

Use prompts que mencionem sinais de material (couro, nogueira, papel fosco, tinta marinha) e iluminação (luz diurna suave, iluminação de estúdio) para reforçar o clima azul e marrom.

Uma vez que você gosta de uma direção, repita alterando apenas uma variável de cada vez-como "mais espaço negativo" ou "faixa de sotaque mínima"-para que a paleta permaneça coerente.

Próximo: Paleta de Cores do Arco-Íris