Paleta de cores Galactic Odyssey

Conheça a bela paleta de cores Galactic Odyssey, com mirage (#1d1f3a), east bay (#4c4f7b), waterloo (#7c809c), anzac (#d9b43a) and froly (#f47b7b).

Brilho

Saturação

Calidez

Refinar

Nosso gerador de paletas de cores criou esta combinação versátil, que compartilha características com50s, 60s, 70s, Bright, Confident, Odyssey, Out Of This World, Royal, Space, Vintage 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 Galactic Odyssey

Compartilhar esta paleta em:

💻 CSS da paleta de cores Galactic Odyssey

/* CSS */
.color-1 {
color: #1d1f3a;
}
.color-2 {
color: #4c4f7b;
}
.color-3 {
color: #7c809c;
}
.color-4 {
color: #d9b43a;
}
.color-5 {
color: #f47b7b;
}

/* CSS Variables */
:root {
--color-1: #1d1f3a;
 --color-2: #4c4f7b;
 --color-3: #7c809c;
 --color-4: #d9b43a;
 --color-5: #f47b7b;
 }

🌈 CSS do gradiente de fundo Galactic Odyssey

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d1f3a, #4c4f7b, #7c809c, #d9b43a, #f47b7b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d1f3a, #4c4f7b, #7c809c, #d9b43a, #f47b7b);
}

🔗 Explore paletas de cores parecidas

Nenhuma paleta encontrada

Tente outros filtros ou limpe a seleção atual para ver mais paletas.

Limpar filtros

Paleta de cores Galactic Odyssey criada em .