🎨 Coleção Geral de Paletas

Paleta de Cores: 400+ Combinações com Código HEX

Descubra a biblioteca definitiva de paletas de cores para designers, programadores e criadores de conteúdo. Copie paletas profissionais prontas com códigos HEX em um só clique para Canva, Figma e desenvolvimento web.

Paletas Prontas (50)

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

Cotton Candy

Pastel

5 cores harmoniosas

Lavender Mist

Pastel

5 cores harmoniosas

Peach Bloom

Pastel

5 cores harmoniosas

Sky Pastel

Pastel

5 cores harmoniosas

Rose Quartz

Pastel

5 cores harmoniosas

Forest Deep

Nature

5 cores harmoniosas

Meadow

Nature

5 cores harmoniosas

Moss & Stone

Nature

5 cores harmoniosas

Rainforest

Nature

5 cores harmoniosas

Spring Leaves

Nature

5 cores harmoniosas

Golden Hour

Sunset

5 cores harmoniosas

Dusk

Sunset

5 cores harmoniosas

Coral Sunset

Sunset

5 cores harmoniosas

Purple Dusk

Sunset

5 cores harmoniosas

Amber Sky

Sunset

5 cores harmoniosas

Deep Ocean

Sea

5 cores harmoniosas

Shallow Reef

Sea

5 cores harmoniosas

Tidal Pool

Sea

5 cores harmoniosas

Seafoam

Sea

5 cores harmoniosas

Coral Reef

Sea

5 cores harmoniosas

Pure Space

Minimal

5 cores harmoniosas

Stone & Ink

Minimal

5 cores harmoniosas

Ash Balance

Minimal

5 cores harmoniosas

Blueprint

Minimal

5 cores harmoniosas

Graphite

Minimal

5 cores harmoniosas

Obsidian

Dark

5 cores harmoniosas

Carbon Elite

Dark

5 cores harmoniosas

Void Space

Dark

5 cores harmoniosas

Midnight Mode

Dark

5 cores harmoniosas

Dark Forest

Dark

5 cores harmoniosas

Cyber Grid

Neon

5 cores harmoniosas

Electric Pulse

Neon

5 cores harmoniosas

Rave Mode

Neon

5 cores harmoniosas

Neo Tokyo

Neon

5 cores harmoniosas

Plasma Field

Neon

5 cores harmoniosas

Blush & Gold

Wedding

5 cores harmoniosas

Ivory Elegance

Wedding

5 cores harmoniosas

Rose Romance

Wedding

5 cores harmoniosas

Champagne Toast

Wedding

5 cores harmoniosas

Navy & White

Wedding

5 cores harmoniosas

Espresso

Coffee

5 cores harmoniosas

Cappuccino

Coffee

5 cores harmoniosas

Latte Art

Coffee

5 cores harmoniosas

Cold Brew

Coffee

5 cores harmoniosas

Mocha

Coffee

5 cores harmoniosas

Red Soil

Earth

5 cores harmoniosas

Clay Canyon

Earth

5 cores harmoniosas

Sand Dune

Earth

5 cores harmoniosas

Rich Earth

Earth

5 cores harmoniosas

Loam

Earth

5 cores harmoniosas

Como Combinar e Usar Esta Paleta de Cores

Criar uma composição visual equilibrada exige hierarquia clara entre fundos, textos e elementos de ação. Ao selecionar qualquer uma das paletas abaixo, adote o princípio 60-30-10: estabeleça uma cor de fundo predominante (60%), utilize os tons médios para cartões e blocos estruturais (30%) e preserve o tom mais vibrante e contrastante exclusivamente para os botões de ação principal (10%).

Essa distribuição não apenas cria harmonia estética, como também direciona o olhar do usuário com naturalidade para as áreas mais importantes da tela. Para programadores front-end, recomendamos mapear cada cor como variável CSS no seletor :root, garantindo escalabilidade e facilidade na manutenção de temas claros e escuros.

💡 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:

/* Paleta de Cores UI Tokens */ :root { --bg-primary: #F8F9FA; --surface-card: #FFFFFF; --text-main: #1F2937; --brand-accent: #2563EB; --brand-hover: #1D4ED8; } .btn-cta { background: var(--brand-accent); color: #FFFFFF; padding: 10px 22px; border-radius: 8px; font-weight: 700; transition: background 0.2s ease; } .btn-cta:hover { background: var(--brand-hover); }

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

O que é uma paleta de cores e por que ela é essencial? +

Uma paleta de cores é um conjunto harmônico de tonalidades escolhidas estrategicamente para representar uma marca, produto ou interface. Ela estabelece consistência visual, facilita o reconhecimento da marca e garante legibilidade em todas as telas.

Como copiar e usar os códigos HEX no Canva e no Figma? +

Basta clicar sobre o código HEX de qualquer cor da paleta para copiar. No Canva, selecione um elemento gráfico, clique no ícone de cor, clique no botão "+" e cole o código. No Figma, cole o valor copiado no campo Fill do objeto selecionado.

Como validar se a paleta é acessível segundo as normas WCAG? +

Para cumprir o padrão internacional WCAG 2.1 nível AA, a relação de contraste entre texto e fundo deve ser de pelo menos 4.5:1 para texto normal e 3:1 para títulos grandes. Você pode calcular e validar suas combinações em tempo real com o nosso Verificador de Contraste WCAG.

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 Bege 🔮 Paleta de Cores Lilás 🇧🇷 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 →