Paleta Pronta

Gere paletas de cores a partir de emoção e intensidade — prontas para marcas, interfaces, posts e projetos visuais.

Não é sorteio de HEX. É direção visual com regra.

Harmonia tríade sobre #7A40DD, com 3 cores. Os matizes seguem o círculo cromático; luz e saturação são redistribuídas a cada "Gerar novamente".

Base

HEX: #7A40DD
RGB: 122, 64, 221
HSL: 262, 70%, 56%

Tríade +120°

HEX: #884118
RGB: 136, 65, 24
HSL: 22, 70%, 31%

Tríade +240°

HEX: #1CC855
RGB: 28, 200, 85
HSL: 140, 76%, 45%

Gradientes derivados

Quatro combinações prontas, geradas a partir da paleta.

Gradiente principal#7A40DD → #1CC855

Gradiente de destaque#7A40DD → #884118

Gradiente escuro#1A1325 → #7A40DD

Gradiente suave#F7F6F9 → #C0ABE2

Sua paleta em uso

Cores bonitas são legais. Cores usáveis pagam boletos.

AaEstúdio VetorIdentidade · DigitalVer portfólio

menu · sobre · contato

Design que resolve, não que enfeita

Marcas, interfaces e sistemas visuais.

ComeçarVer cases

+120 projetos entregues

Bom design
é decisão.@designerd

novoLançamentos da semanaUma curadoria por harmonia, não por hype.

Escala tonal da principal

Dez tons (50–900) para estados, fundos e hierarquia — clique para copiar.

Exportar

Tokens prontos para colar no projeto.

CSS variables

:root {
  --color-1: #7A40DD; /* Base */
  --color-2: #884118; /* Tríade +120° */
  --color-3: #1CC855; /* Tríade +240° */
}

Tailwind config

colors: {
  palette: {
    1: "#7A40DD",
    2: "#884118",
    3: "#1CC855",
  }
}

CSS dos gradientes

/* Gradiente principal */
background: linear-gradient(135deg, #7A40DD 0%, #1CC855 100%);

/* Gradiente de destaque */
background: linear-gradient(135deg, #7A40DD 0%, #884118 100%);

/* Gradiente escuro */
background: linear-gradient(135deg, #1A1325 0%, #7A40DD 100%);

/* Gradiente suave */
background: linear-gradient(135deg, #F7F6F9 0%, #C0ABE2 100%);

Quer guardar esta paleta?

Salve no seu estúdio para acessar seus kits de cores quando quiser e usar como base nos seus projetos.