Criar conta Criar conta
Haunted Woods

Haunted Woods

Paleta de 12 cores · Fria · Escura · Harmonia: Complementar

Voltar à biblioteca

Haunted Woods

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Complementar

Editar
Terrosa 12 cores Fria Escura Complementar green orange blue forest
Curtidas 14
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #09001A;
  --c-earthy-2: #001730;
  --c-earthy-3: #192A47;
  --c-earthy-4: #273746;
  --c-earthy-5: #332F16;
  --c-earthy-6: #324A46;
  --c-earthy-7: #64757B;
  --c-earthy-8: #96746D;
  --c-earthy-9: #B57163;
  --c-earthy-10: #8C9DB7;
  --c-earthy-11: #D1A582;
  --c-earthy-12: #EED59A;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de White Corn (#EED59A), o tom mais claro, até Midnight Jam (#09001A), o mais escuro. Ela reúne Midnight Jam, Oxford by Night, Rurikon Blue, Tahitian Pearl, Olivenite, Frontier, Wharf View, Mulberry Silk, Vin Cuit, Forever Blue, Sunset Beige e White Corn em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 18 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #09001A sobre #EED59A, com 14,24: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

Midnight Jam #09001A
RGB
rgb(9, 0, 26)
HSL
hsl(261, 100%, 5%)
Luminância
0,001
Oxford by Night #001730
RGB
rgb(0, 23, 48)
HSL
hsl(211, 100%, 9%)
Luminância
0,008
Rurikon Blue #192A47
RGB
rgb(25, 42, 71)
HSL
hsl(218, 48%, 19%)
Luminância
0,023
Tahitian Pearl #273746
RGB
rgb(39, 55, 70)
HSL
hsl(209, 28%, 21%)
Luminância
0,036
Olivenite #332F16
RGB
rgb(51, 47, 22)
HSL
hsl(52, 40%, 14%)
Luminância
0,028
Frontier #324A46
RGB
rgb(50, 74, 70)
HSL
hsl(170, 19%, 24%)
Luminância
0,060
Wharf View #64757B
RGB
rgb(100, 117, 123)
HSL
hsl(196, 10%, 44%)
Luminância
0,169
Mulberry Silk #96746D
RGB
rgb(150, 116, 109)
HSL
hsl(10, 16%, 51%)
Luminância
0,201
Vin Cuit #B57163
RGB
rgb(181, 113, 99)
HSL
hsl(10, 36%, 55%)
Luminância
0,225
Forever Blue #8C9DB7
RGB
rgb(140, 157, 183)
HSL
hsl(216, 23%, 63%)
Luminância
0,331
Sunset Beige #D1A582
RGB
rgb(209, 165, 130)
HSL
hsl(27, 46%, 66%)
Luminância
0,421
White Corn #EED59A
RGB
rgb(238, 213, 154)
HSL
hsl(42, 71%, 77%)
Luminância
0,681

Contraste e acessibilidade

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

Aa #09001A sobre #EED59A 14,24:1 AAA
Aa #001730 sobre #EED59A 12,55:1 AAA
Aa #192A47 sobre #EED59A 9,99:1 AAA
Aa #332F16 sobre #EED59A 9,38:1 AAA
Aa #09001A sobre #D1A582 9,17:1 AAA
Aa #273746 sobre #EED59A 8,49:1 AAA
Aa #001730 sobre #D1A582 8,08:1 AAA
Aa #09001A sobre #8C9DB7 7,42:1 AAA
Aa #324A46 sobre #EED59A 6,63:1 AA
Aa #001730 sobre #8C9DB7 6,54:1 AA
Aa #192A47 sobre #D1A582 6,43:1 AA
Aa #332F16 sobre #D1A582 6,04:1 AA
Aa #273746 sobre #D1A582 5,47:1 AA
Aa #09001A sobre #B57163 5,36:1 AA
Aa #192A47 sobre #8C9DB7 5,21:1 AA
Aa #09001A sobre #96746D 4,89:1 AA
Aa #332F16 sobre #8C9DB7 4,89:1 AA
Aa #001730 sobre #B57163 4,73:1 AA
Aa #273746 sobre #8C9DB7 4,43:1 AA, texto grande
Aa #001730 sobre #96746D 4,30:1 AA, texto grande
Aa #324A46 sobre #D1A582 4,27:1 AA, texto grande
Aa #09001A sobre #64757B 4,26:1 AA, texto grande
Aa #192A47 sobre #B57163 3,76:1 AA, texto grande
Aa #001730 sobre #64757B 3,75:1 AA, texto grande
Aa #332F16 sobre #B57163 3,53:1 AA, texto grande
Aa #324A46 sobre #8C9DB7 3,46:1 AA, texto grande
Aa #192A47 sobre #96746D 3,43:1 AA, texto grande
Aa #64757B sobre #EED59A 3,34:1 AA, texto grande
Aa #332F16 sobre #96746D 3,22:1 AA, texto grande
Aa #273746 sobre #B57163 3,20:1 AA, texto grande
Aa #192A47 sobre #64757B 2,99:1 Reprovado
Aa #273746 sobre #96746D 2,91:1 Reprovado
Aa #96746D sobre #EED59A 2,91:1 Reprovado
Aa #332F16 sobre #64757B 2,80:1 Reprovado
Aa #B57163 sobre #EED59A 2,65:1 Reprovado
Aa #273746 sobre #64757B 2,54:1 Reprovado
Aa #324A46 sobre #B57163 2,50:1 Reprovado
Aa #324A46 sobre #96746D 2,28:1 Reprovado
Aa #09001A sobre #324A46 2,15:1 Reprovado
Aa #64757B sobre #D1A582 2,15:1 Reprovado
Aa #324A46 sobre #64757B 1,98:1 Reprovado
Aa #8C9DB7 sobre #EED59A 1,92:1 Reprovado
Aa #001730 sobre #324A46 1,89:1 Reprovado
Aa #96746D sobre #D1A582 1,88:1 Reprovado
Aa #64757B sobre #8C9DB7 1,74:1 Reprovado
Aa #B57163 sobre #D1A582 1,71:1 Reprovado
Aa #09001A sobre #273746 1,68:1 Reprovado
Aa #D1A582 sobre #EED59A 1,55:1 Reprovado
Aa #09001A sobre #332F16 1,52:1 Reprovado
Aa #96746D sobre #8C9DB7 1,52:1 Reprovado
Aa #192A47 sobre #324A46 1,51:1 Reprovado
Aa #001730 sobre #273746 1,48:1 Reprovado
Aa #09001A sobre #192A47 1,43:1 Reprovado
Aa #332F16 sobre #324A46 1,41:1 Reprovado
Aa #B57163 sobre #8C9DB7 1,38:1 Reprovado
Aa #001730 sobre #332F16 1,34:1 Reprovado
Aa #273746 sobre #324A46 1,28:1 Reprovado
Aa #001730 sobre #192A47 1,26:1 Reprovado
Aa #64757B sobre #B57163 1,26:1 Reprovado
Aa #8C9DB7 sobre #D1A582 1,24:1 Reprovado
Aa #192A47 sobre #273746 1,18:1 Reprovado
Aa #64757B sobre #96746D 1,15:1 Reprovado
Aa #09001A sobre #001730 1,14:1 Reprovado
Aa #273746 sobre #332F16 1,10:1 Reprovado
Aa #96746D sobre #B57163 1,10:1 Reprovado
Aa #192A47 sobre #332F16 1,07:1 Reprovado

Paletas semelhantes

#212121 #323232 #0D7377 #14FFEC
4 cores
#0A2647 #144272 #205295 #2C74B3
4 cores
#040D12 #183D3D #5C8374 #93B1A6
4 cores
#142850 #27496D #0C7B93 #00A8CC
4 cores
#635985 #443C68 #393053 #18122B
4 cores
#000000 #150050 #3F0071 #610094
4 cores
#151515 #301B3F #3C415C #B4A5A5
4 cores
#041C32 #04293A #064663 #ECB365
4 cores