🌾 Guia e Paletas de Tons Bege e Areia

Paleta de Cores Bege: Combinações e Códigos HEX

A base do design minimalista, atemporal e aconchegante. Explore paletas elegantes com tons de areia, linho, marfim, champanhe e terracota com códigos HEX prontos para copiar.

Paletas Prontas (14)

Clique em qualquer cor ou código HEX para copiar diretamente:

Aged Paper

Vintage

5 cores harmoniosas

Flea Market

Vintage

5 cores harmoniosas

Tea Stained

Vintage

5 cores harmoniosas

Dusty Rose

Vintage

5 cores harmoniosas

Warm Paper

Light

5 cores harmoniosas

Milk Glass

Light

5 cores harmoniosas

Oyster

Light

5 cores harmoniosas

Alabaster

Light

5 cores harmoniosas

Vanilla Latte

Coffee

5 cores harmoniosas

Flat White

Coffee

5 cores harmoniosas

Champagne Toast

Wedding

5 cores harmoniosas

Rustic

Wedding

5 cores harmoniosas

Ivory Tower

Minimal

5 cores harmoniosas

Nude

Minimal

5 cores harmoniosas

Escala de Tons Tailwind (50 a 950)

Escala de design tokens calculada a partir da cor base #C8AD7F. Clique em qualquer tom para copiar o HEX:

50 #FBF8F5

100 #F5F0E8

200 #ECE3D3

300 #E1D2B9

400 #D4BF9B

500 #C8AD7F

600 #AC956D

700 #8C7959

800 #6C5D45

900 #504533

950 #302A1E

Precisa gerar uma escala para outra cor? Crie no nosso Gerador de Tons Tailwind (50-950) →

Como Combinar e Usar Esta Paleta de Cores

O bege se consolidou como uma alternativa mais quente, humana e sofisticada ao branco puro (#FFFFFF) em websites e materiais gráficos de alto padrão. Ele atenua a luz emitida pela tela, reduzindo a fadiga visual do usuário durante sessões prolongadas de leitura ou navegação em lojas virtuais.

Para compor paletas cativantes, associe o bege a tons terrosos profundos (como marrom expresso, caramelo e terracota) ou crie um contraste executivo moderno com azul marinho profundo (#0F172A) e verde sálvia. Em interfaces, use tons de bege claro (#FDFBF7) para a área de superfície principal e bege médio para bordas sutis.

💡 Como aplicar qualquer cor no Canva:

Para usar qualquer código desta página no Canva, basta clicar na cor ou botão HEX para copiar. Em seguida, selecione o texto, botão ou elemento gráfico no seu layout do Canva, abra a caixa de seleção de cor, clique no botão + (Adicionar nova cor) e cole o código HEX copiado.

Implementação em CSS e Design Tokens

Exemplo pronto para estruturar os tokens na sua folha de estilos:

/* Sistema de Cores Bege & Terrosos */ :root { --sand-surface: #F9F6F0; --sand-card: #FFFFFF; --sand-border: #E8E1D5; --sand-text: #3E3832; --sand-accent: #A27B5C; } body.theme-sand { background: var(--sand-surface); color: var(--sand-text); border-color: var(--sand-border); }

Para garantir que o seu design seja legível para todos os usuários, teste o contraste de texto com o nosso Verificador de Contraste WCAG, ou extraia cores de imagens com o Extrator de Paleta de Imagem.

Perguntas Frequentes

Quais cores combinam com bege em marcas e websites? +

O bege combina muito bem com marrom café, caramelo, terracota, verde oliva, verde sálvia, azul marinho profundo e detalhes em dourado acetinado.

Quais são os principais códigos HEX de bege e areia? +

Alguns dos tons mais conhecidos são: Bege Clássico (#F5F5DC), Areia Dourada (#C8AD7F), Marfim Creme (#FFFFF0), Linho Natural (#FAF0E6) e Bege Amêndoa (#EED9C4).

Por que o bege é tão valorizado no design contemporâneo? +

Porque o bege transmite aconchego orgânico, sensação artesanal, luxo discreto e sustentabilidade, afastando a rigidez impessoal de interfaces brancas puras.

Explorar Outras Paletas de Cores

Navegue por outras coleções de cores prontas para suas artes e interfaces:

📘 Paleta de Cores Azul 🌿 Paleta de Cores Verde 🌸 Paleta de Cores Rosa 🔮 Paleta de Cores Lilás 🎨 Todas as 400+ Paletas 🇧🇷 Hub Principal de Cores

Quer criar uma paleta personalizada do zero?

Utilize o Palette Studio para gerar e travar combinações com a barra de espaço.

Abrir Palette Studio →