Criar conta Criar conta
Fantastic Planet

Fantastic Planet

Paleta de 11 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

Fantastic Planet

Paleta de 11 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar
Terrosa 11 cores Quente Mista Complementar pixelart scifi fantasy alien
Curtidas 33
Cores 11

Variáveis CSS

:root {
  --c-earthy-1: #57B1BC;
  --c-earthy-2: #CFC897;
  --c-earthy-3: #B4B2C3;
  --c-earthy-4: #9371D8;
  --c-earthy-5: #9599A8;
  --c-earthy-6: #AA8D44;
  --c-earthy-7: #9D5644;
  --c-earthy-8: #7D6A56;
  --c-earthy-9: #375E76;
  --c-earthy-10: #333B8A;
  --c-earthy-11: #21132C;
}

Sobre esta paleta

Esta paleta terrosa de 11 cores vai de Tidal Green (#CFC897), o tom mais claro, até Blacklist (#21132C), o mais escuro. Ela reúne Thalassa, Tidal Green, Fading Sunset, Matt Purple, Angry Gargoyle, Plaguelands Beige, Ceramic Brown, Downtown Benny Brown, Brigade, Clematis Blue e Blacklist em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #CFC897 sobre #21132C, com 10,35:1.

Tons naturais e sóbrios — combinam com marcas sustentáveis e orgânicas, cafeterias, equipamentos para atividades ao ar livre e tipografia editorial acolhedora.

Análise das cores

Thalassa #57B1BC
RGB
rgb(87, 177, 188)
HSL
hsl(187, 43%, 54%)
Luminância
0,371
Tidal Green #CFC897
RGB
rgb(207, 200, 151)
HSL
hsl(53, 37%, 70%)
Luminância
0,568
Fading Sunset #B4B2C3
RGB
rgb(180, 178, 195)
HSL
hsl(247, 12%, 73%)
Luminância
0,455
Matt Purple #9371D8
RGB
rgb(147, 113, 216)
HSL
hsl(260, 57%, 65%)
Luminância
0,230
Angry Gargoyle #9599A8
RGB
rgb(149, 153, 168)
HSL
hsl(227, 10%, 62%)
Luminância
0,320
Plaguelands Beige #AA8D44
RGB
rgb(170, 141, 68)
HSL
hsl(43, 43%, 47%)
Luminância
0,280
Ceramic Brown #9D5644
RGB
rgb(157, 86, 68)
HSL
hsl(12, 40%, 44%)
Luminância
0,142
Downtown Benny Brown #7D6A56
RGB
rgb(125, 106, 86)
HSL
hsl(31, 18%, 41%)
Luminância
0,153
Brigade #375E76
RGB
rgb(55, 94, 118)
HSL
hsl(203, 36%, 34%)
Luminância
0,101
Clematis Blue #333B8A
RGB
rgb(51, 59, 138)
HSL
hsl(234, 46%, 37%)
Luminância
0,057
Blacklist #21132C
RGB
rgb(33, 19, 44)
HSL
hsl(274, 40%, 12%)
Luminância
0,010

Contraste e acessibilidade

8 de 55 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

Aa #CFC897 sobre #21132C 10,35:1 AAA
Aa #B4B2C3 sobre #21132C 8,46:1 AAA
Aa #57B1BC sobre #21132C 7,05:1 AAA
Aa #9599A8 sobre #21132C 6,20:1 AA
Aa #CFC897 sobre #333B8A 5,79:1 AA
Aa #AA8D44 sobre #21132C 5,53:1 AA
Aa #B4B2C3 sobre #333B8A 4,73:1 AA
Aa #9371D8 sobre #21132C 4,68:1 AA
Aa #CFC897 sobre #375E76 4,09:1 AA, texto grande
Aa #57B1BC sobre #333B8A 3,95:1 AA, texto grande
Aa #9599A8 sobre #333B8A 3,47:1 AA, texto grande
Aa #7D6A56 sobre #21132C 3,41:1 AA, texto grande
Aa #B4B2C3 sobre #375E76 3,34:1 AA, texto grande
Aa #9D5644 sobre #21132C 3,22:1 AA, texto grande
Aa #CFC897 sobre #9D5644 3,21:1 AA, texto grande
Aa #AA8D44 sobre #333B8A 3,09:1 AA, texto grande
Aa #CFC897 sobre #7D6A56 3,04:1 AA, texto grande
Aa #57B1BC sobre #375E76 2,78:1 Reprovado
Aa #B4B2C3 sobre #9D5644 2,62:1 Reprovado
Aa #9371D8 sobre #333B8A 2,62:1 Reprovado
Aa #375E76 sobre #21132C 2,53:1 Reprovado
Aa #B4B2C3 sobre #7D6A56 2,48:1 Reprovado
Aa #9599A8 sobre #375E76 2,45:1 Reprovado
Aa #CFC897 sobre #9371D8 2,21:1 Reprovado
Aa #57B1BC sobre #9D5644 2,19:1 Reprovado
Aa #AA8D44 sobre #375E76 2,18:1 Reprovado
Aa #57B1BC sobre #7D6A56 2,07:1 Reprovado
Aa #9599A8 sobre #9D5644 1,92:1 Reprovado
Aa #7D6A56 sobre #333B8A 1,91:1 Reprovado
Aa #CFC897 sobre #AA8D44 1,87:1 Reprovado
Aa #9371D8 sobre #375E76 1,85:1 Reprovado
Aa #9599A8 sobre #7D6A56 1,82:1 Reprovado
Aa #B4B2C3 sobre #9371D8 1,80:1 Reprovado
Aa #9D5644 sobre #333B8A 1,80:1 Reprovado
Aa #333B8A sobre #21132C 1,79:1 Reprovado
Aa #AA8D44 sobre #9D5644 1,72:1 Reprovado
Aa #CFC897 sobre #9599A8 1,67:1 Reprovado
Aa #AA8D44 sobre #7D6A56 1,62:1 Reprovado
Aa #B4B2C3 sobre #AA8D44 1,53:1 Reprovado
Aa #57B1BC sobre #9371D8 1,51:1 Reprovado
Aa #57B1BC sobre #CFC897 1,47:1 Reprovado
Aa #9371D8 sobre #9D5644 1,45:1 Reprovado
Aa #375E76 sobre #333B8A 1,42:1 Reprovado
Aa #9371D8 sobre #7D6A56 1,38:1 Reprovado
Aa #B4B2C3 sobre #9599A8 1,36:1 Reprovado
Aa #7D6A56 sobre #375E76 1,34:1 Reprovado
Aa #9371D8 sobre #9599A8 1,32:1 Reprovado
Aa #57B1BC sobre #AA8D44 1,28:1 Reprovado
Aa #9D5644 sobre #375E76 1,27:1 Reprovado
Aa #CFC897 sobre #B4B2C3 1,22:1 Reprovado
Aa #57B1BC sobre #B4B2C3 1,20:1 Reprovado
Aa #9371D8 sobre #AA8D44 1,18:1 Reprovado
Aa #57B1BC sobre #9599A8 1,14:1 Reprovado
Aa #9599A8 sobre #AA8D44 1,12:1 Reprovado
Aa #9D5644 sobre #7D6A56 1,06:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 cores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 cores
#FFF8EA #9E7676 #815B5B #594545
4 cores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 cores
#F67280 #C06C84 #6C5B7B #355C7D
4 cores
#2B2E4A #E84545 #903749 #53354A
4 cores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 cores
#A9907E #F3DEBA #ABC4AA #675D50
4 cores