Woodland Fantasy

Woodland Fantasy

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

Woodland Fantasy

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

Editar
Terrosa 9 cores Quente Mista Complementar fantasy muted woodland
Curtidas 37
Cores 9


Variáveis CSS

:root {
  --c-earthy-1: #9A684E;
  --c-earthy-2: #784838;
  --c-earthy-3: #492C33;
  --c-earthy-4: #7C7A41;
  --c-earthy-5: #636531;
  --c-earthy-6: #3B4337;
  --c-earthy-7: #A4CAB8;
  --c-earthy-8: #FAE6C1;
  --c-earthy-9: #D8BDA1;
}

Sobre esta paleta

Esta paleta terrosa de 9 cores vai de Autumn Child (#FAE6C1), o tom mais claro, até Ripe Eggplant (#492C33), o mais escuro. Ela reúne Old Driftwood, Chocolate Magma, Ripe Eggplant, Tribal, Gretchin Green, Sunday Niqab, Bird’s Egg Green, Autumn Child e Silken Stockings em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #492C33 sobre #FAE6C1, com 10,14: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

Old Driftwood #9A684E
RGB
rgb(154, 104, 78)
HSL
hsl(21, 33%, 45%)
Luminância
0,173
Chocolate Magma #784838
RGB
rgb(120, 72, 56)
HSL
hsl(15, 36%, 35%)
Luminância
0,089
Ripe Eggplant #492C33
RGB
rgb(73, 44, 51)
HSL
hsl(346, 25%, 23%)
Luminância
0,035
Tribal #7C7A41
RGB
rgb(124, 122, 65)
HSL
hsl(58, 31%, 37%)
Luminância
0,186
Gretchin Green #636531
RGB
rgb(99, 101, 49)
HSL
hsl(62, 35%, 29%)
Luminância
0,122
Sunday Niqab #3B4337
RGB
rgb(59, 67, 55)
HSL
hsl(100, 10%, 24%)
Luminância
0,052
Bird’s Egg Green #A4CAB8
RGB
rgb(164, 202, 184)
HSL
hsl(152, 26%, 72%)
Luminância
0,536
Autumn Child #FAE6C1
RGB
rgb(250, 230, 193)
HSL
hsl(39, 85%, 87%)
Luminância
0,808
Silken Stockings #D8BDA1
RGB
rgb(216, 189, 161)
HSL
hsl(31, 41%, 74%)
Luminância
0,536

Contraste e acessibilidade

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

Aa #492C33 sobre #FAE6C1 10,14:1 AAA
Aa #3B4337 sobre #FAE6C1 8,39:1 AAA
Aa #492C33 sobre #A4CAB8 6,93:1 AA
Aa #492C33 sobre #D8BDA1 6,93:1 AA
Aa #784838 sobre #FAE6C1 6,16:1 AA
Aa #3B4337 sobre #A4CAB8 5,73:1 AA
Aa #3B4337 sobre #D8BDA1 5,73:1 AA
Aa #636531 sobre #FAE6C1 4,99:1 AA
Aa #784838 sobre #A4CAB8 4,21:1 AA, texto grande
Aa #784838 sobre #D8BDA1 4,21:1 AA, texto grande
Aa #9A684E sobre #FAE6C1 3,84:1 AA, texto grande
Aa #7C7A41 sobre #FAE6C1 3,64:1 AA, texto grande
Aa #636531 sobre #A4CAB8 3,41:1 AA, texto grande
Aa #636531 sobre #D8BDA1 3,41:1 AA, texto grande
Aa #492C33 sobre #7C7A41 2,79:1 Reprovado
Aa #9A684E sobre #492C33 2,64:1 Reprovado
Aa #9A684E sobre #A4CAB8 2,63:1 Reprovado
Aa #9A684E sobre #D8BDA1 2,62:1 Reprovado
Aa #7C7A41 sobre #A4CAB8 2,48:1 Reprovado
Aa #7C7A41 sobre #D8BDA1 2,48:1 Reprovado
Aa #7C7A41 sobre #3B4337 2,31:1 Reprovado
Aa #9A684E sobre #3B4337 2,18:1 Reprovado
Aa #492C33 sobre #636531 2,03:1 Reprovado
Aa #784838 sobre #7C7A41 1,70:1 Reprovado
Aa #636531 sobre #3B4337 1,68:1 Reprovado
Aa #784838 sobre #492C33 1,65:1 Reprovado
Aa #9A684E sobre #784838 1,60:1 Reprovado
Aa #A4CAB8 sobre #FAE6C1 1,46:1 Reprovado
Aa #FAE6C1 sobre #D8BDA1 1,46:1 Reprovado
Aa #7C7A41 sobre #636531 1,37:1 Reprovado
Aa #784838 sobre #3B4337 1,36:1 Reprovado
Aa #9A684E sobre #636531 1,30:1 Reprovado
Aa #784838 sobre #636531 1,23:1 Reprovado
Aa #492C33 sobre #3B4337 1,21:1 Reprovado
Aa #9A684E sobre #7C7A41 1,06:1 Reprovado
Aa #A4CAB8 sobre #D8BDA1 1,00: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