Paleta de cores Zee Grainne

Conheça a bela paleta de cores Zee Grainne, com papaya whip (#ffeed1), stark white (#eddace), akaroa (#d4c0a5), brandy rose (#b68777) and roman coffee (#7a5648).

Brilho

Saturação

Calidez

Refinar

Crie uma imagem com estas cores

Transforme esta paleta em uma imagem com nosso gerador de imagens com IA.

IlustraçãoPadrãoPôster
Nosso gerador de paletas de cores criou esta combinação versátil, que compartilha características comAutumn, Beige, Brown, Cream, Earthy, Neutral, Soft, Warm paletas e combinações de cores.

💡 O que dá para fazer

O ColorMagic facilita:
  • •Copiar códigos HEX exatos e valores RGB para os seus projetos
  • •Ajustar brilho, saturação e calidez para criar novas variações
  • •Visualizar componentes de interface para ver as cores funcionando de verdade
  • •Copiar o código CSS, incluindo gradientes de fundo e variáveis de cor
  • •Baixar a paleta
  • •Compartilhar sua paleta com o time e com clientes

🎨 Visualizar componentes de interface

Exemplos de interface

Veja componentes de interface bonitos com a paleta Zee Grainne

Compartilhar esta paleta em:

💻 CSS da paleta de cores Zee Grainne

/* CSS */
.color-1 {
color: #ffeed1;
}
.color-2 {
color: #eddace;
}
.color-3 {
color: #d4c0a5;
}
.color-4 {
color: #b68777;
}
.color-5 {
color: #7a5648;
}

/* CSS Variables */
:root {
--color-1: #ffeed1;
 --color-2: #eddace;
 --color-3: #d4c0a5;
 --color-4: #b68777;
 --color-5: #7a5648;
 }

🌈 CSS do gradiente de fundo Zee Grainne

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffeed1, #eddace, #d4c0a5, #b68777, #7a5648);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffeed1, #eddace, #d4c0a5, #b68777, #7a5648);
}

🔗 Explore paletas de cores parecidas

Paleta de cores Zee Grainne criada em .