Color Harmony

Cores Neutras

Cores com baixa saturação que não competem com outras cores, incluindo preto, branco, cinza, bege e tons terrosos suaves.

Neutral colors serve as the foundation of most design systems, providing balance and breathing room for more vivid accent colors. Pure neutrals (black, white, gray) have zero saturation, while warm neutrals (beige, tan, cream) and cool neutrals (slate, charcoal) carry subtle color undertones. In web design, neutrals are essential for text, backgrounds, and borders. A well-chosen neutral palette can make accent colors sing while ensuring readability and visual comfort. Most design systems define an extensive neutral scale (e.g., gray-50 through gray-950).

Experimente

Gerador de tons

Gere escalas de tons estilo Tailwind CSS (50–950) a partir de qualquer cor base para sistemas de design.

Gerador de paletas

Gere paletas de cores harmoniosas usando esquemas complementares, análogos, triádicos e complementares divididos.

Artigos relacionados

Separação de Cores Explicada: Preparando Arquivos para Impressão

Entenda a separação de cores CMYK, placas de cores especiais, trapping e marcas de registro. Prepare arquivos prontos para impressão com separações de cores corretas.

O Que É uma Cor Neutra? Cinzas, Bege e Muito Mais

Entenda as cores neutras — cinzas puros, bege quentes, ardósias frias. Aprenda como paletas neutras funcionam em design web, fundos e combinação com cores de destaque.

Gamut de Cores Explicado: sRGB, P3 e Rec. 2020

Entenda os gamuts de cores — sRGB, Display P3 e Rec. 2020 — e como usar cores de gamut amplo no CSS com @media (color-gamut) para monitores modernos. Com exemplos práticos.

Criando um Sistema de Cores de Marca do Zero

Guia passo a passo para criar um sistema de cores de marca: escolha de cor primaria, secundaria, neutros, cores semanticas e documentacao que escala entre equipes.

O Que É uma Cor de Destaque? Como Escolher e Usar Cores de Destaque

Aprenda o que são cores de destaque, como funcionam na regra 60-30-10, como escolher destaques eficazes e as melhores práticas para usá-los em design de UI.

Cores da Marca Stripe: Por Que Roxo Representa Pagamentos

Descubra a história das cores da marca Stripe, do azul ao roxo (#635BFF). Veja como o design em gradiente e o branding voltado a desenvolvedores moldaram uma das paletas mais distintivas do fintech.