Criar conta Criar conta
SPOOK 12

SPOOK 12

Paleta de 12 cores · Neutra · Mista · Harmonia: Complementar

Voltar à biblioteca

SPOOK 12

Paleta de 12 cores · Temperatura: Neutra · Tonalidade: Mista · Harmonia: Complementar

Editar
Terrosa 12 cores Neutra Mista Complementar spooky halloween monsters creepy
Curtidas 188
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #C1A3FF;
  --c-earthy-3: #9150E9;
  --c-earthy-4: #543593;
  --c-earthy-5: #FFDA54;
  --c-earthy-6: #CB8B4D;
  --c-earthy-7: #80BE3B;
  --c-earthy-8: #586830;
  --c-earthy-9: #FF8F47;
  --c-earthy-10: #A04732;
  --c-earthy-11: #79493E;
  --c-earthy-12: #000000;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de White (#FFFFFF), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne White, Diva, Pericallis Hybrida, Blue Magenta Violet, Glitter Is Not Gold, Orange Nectar Bat, Jasmine Green, Deathworld Forest, Orangish, Picante, Fire Roasted e Black em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FFFFFF sobre #000000, com 21: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

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminância
1,000
Diva #C1A3FF
RGB
rgb(193, 163, 255)
HSL
hsl(260, 100%, 82%)
Luminância
0,448
Pericallis Hybrida #9150E9
RGB
rgb(145, 80, 233)
HSL
hsl(265, 78%, 61%)
Luminância
0,176
Blue Magenta Violet #543593
RGB
rgb(84, 53, 147)
HSL
hsl(260, 47%, 39%)
Luminância
0,065
Glitter Is Not Gold #FFDA54
RGB
rgb(255, 218, 84)
HSL
hsl(47, 100%, 66%)
Luminância
0,720
Orange Nectar Bat #CB8B4D
RGB
rgb(203, 139, 77)
HSL
hsl(30, 55%, 55%)
Luminância
0,317
Jasmine Green #80BE3B
RGB
rgb(128, 190, 59)
HSL
hsl(88, 53%, 49%)
Luminância
0,417
Deathworld Forest #586830
RGB
rgb(88, 104, 48)
HSL
hsl(77, 37%, 30%)
Luminância
0,122
Orangish #FF8F47
RGB
rgb(255, 143, 71)
HSL
hsl(23, 100%, 64%)
Luminância
0,414
Picante #A04732
RGB
rgb(160, 71, 50)
HSL
hsl(11, 52%, 41%)
Luminância
0,122
Fire Roasted #79493E
RGB
rgb(121, 73, 62)
HSL
hsl(11, 32%, 36%)
Luminância
0,092
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000

Contraste e acessibilidade

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

Aa #FFFFFF sobre #000000 21,00:1 AAA
Aa #FFDA54 sobre #000000 15,41:1 AAA
Aa #C1A3FF sobre #000000 9,95:1 AAA
Aa #80BE3B sobre #000000 9,35:1 AAA
Aa #FF8F47 sobre #000000 9,27:1 AAA
Aa #FFFFFF sobre #543593 9,10:1 AAA
Aa #FFFFFF sobre #79493E 7,41:1 AAA
Aa #CB8B4D sobre #000000 7,34:1 AAA
Aa #543593 sobre #FFDA54 6,68:1 AA
Aa #FFFFFF sobre #586830 6,11:1 AA
Aa #FFFFFF sobre #A04732 6,10:1 AA
Aa #FFDA54 sobre #79493E 5,43:1 AA
Aa #FFFFFF sobre #9150E9 4,64:1 AA
Aa #9150E9 sobre #000000 4,53:1 AA
Aa #FFDA54 sobre #586830 4,48:1 AA, texto grande
Aa #FFDA54 sobre #A04732 4,48:1 AA, texto grande
Aa #C1A3FF sobre #543593 4,31:1 AA, texto grande
Aa #543593 sobre #80BE3B 4,05:1 AA, texto grande
Aa #543593 sobre #FF8F47 4,02:1 AA, texto grande
Aa #C1A3FF sobre #79493E 3,51:1 AA, texto grande
Aa #586830 sobre #000000 3,44:1 AA, texto grande
Aa #A04732 sobre #000000 3,44:1 AA, texto grande
Aa #9150E9 sobre #FFDA54 3,40:1 AA, texto grande
Aa #80BE3B sobre #79493E 3,30:1 AA, texto grande
Aa #FF8F47 sobre #79493E 3,27:1 AA, texto grande
Aa #543593 sobre #CB8B4D 3,18:1 AA, texto grande
Aa #C1A3FF sobre #586830 2,89:1 Reprovado
Aa #C1A3FF sobre #A04732 2,89:1 Reprovado
Aa #FFFFFF sobre #CB8B4D 2,86:1 Reprovado
Aa #79493E sobre #000000 2,84:1 Reprovado
Aa #80BE3B sobre #586830 2,72:1 Reprovado
Aa #80BE3B sobre #A04732 2,72:1 Reprovado
Aa #586830 sobre #FF8F47 2,70:1 Reprovado
Aa #FF8F47 sobre #A04732 2,69:1 Reprovado
Aa #CB8B4D sobre #79493E 2,59:1 Reprovado
Aa #543593 sobre #000000 2,31:1 Reprovado
Aa #FFFFFF sobre #FF8F47 2,26:1 Reprovado
Aa #FFFFFF sobre #80BE3B 2,25:1 Reprovado
Aa #C1A3FF sobre #9150E9 2,20:1 Reprovado
Aa #CB8B4D sobre #586830 2,13:1 Reprovado
Aa #CB8B4D sobre #A04732 2,13:1 Reprovado
Aa #FFFFFF sobre #C1A3FF 2,11:1 Reprovado
Aa #FFDA54 sobre #CB8B4D 2,10:1 Reprovado
Aa #9150E9 sobre #80BE3B 2,06:1 Reprovado
Aa #9150E9 sobre #FF8F47 2,05:1 Reprovado
Aa #9150E9 sobre #543593 1,96:1 Reprovado
Aa #FFDA54 sobre #FF8F47 1,66:1 Reprovado
Aa #FFDA54 sobre #80BE3B 1,65:1 Reprovado
Aa #9150E9 sobre #CB8B4D 1,62:1 Reprovado
Aa #9150E9 sobre #79493E 1,60:1 Reprovado
Aa #C1A3FF sobre #FFDA54 1,55:1 Reprovado
Aa #543593 sobre #586830 1,49:1 Reprovado
Aa #543593 sobre #A04732 1,49:1 Reprovado
Aa #FFFFFF sobre #FFDA54 1,36:1 Reprovado
Aa #C1A3FF sobre #CB8B4D 1,36:1 Reprovado
Aa #9150E9 sobre #586830 1,32:1 Reprovado
Aa #9150E9 sobre #A04732 1,32:1 Reprovado
Aa #CB8B4D sobre #80BE3B 1,27:1 Reprovado
Aa #CB8B4D sobre #FF8F47 1,26:1 Reprovado
Aa #543593 sobre #79493E 1,23:1 Reprovado
Aa #586830 sobre #79493E 1,21:1 Reprovado
Aa #A04732 sobre #79493E 1,21:1 Reprovado
Aa #C1A3FF sobre #FF8F47 1,07:1 Reprovado
Aa #C1A3FF sobre #80BE3B 1,06:1 Reprovado
Aa #80BE3B sobre #FF8F47 1,01:1 Reprovado
Aa #586830 sobre #A04732 1,00:1 Reprovado

Paletas semelhantes

#EDF1D6 #9DC08B #609966 #40513B
4 cores
#F5F7F8 #F4CE14 #495E57 #45474B
4 cores
#222831 #393E46 #FFD369 #EEEEEE
4 cores
#000000 #52057B #892CDC #BC6FF1
4 cores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 cores
#F5EFE7 #D8C4B6 #4F709C #213555
4 cores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 cores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 cores