Criar conta Criar conta
Foggy Nature

Foggy Nature

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

Voltar à biblioteca

Foggy Nature

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

Editar
Terrosa 12 cores Neutra Mista Complementar green grey nature neutral
Curtidas 31
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #BFBFFF;
  --c-earthy-2: #9F9FCF;
  --c-earthy-3: #937FA2;
  --c-earthy-4: #925F79;
  --c-earthy-5: #584049;
  --c-earthy-6: #273620;
  --c-earthy-7: #032300;
  --c-earthy-8: #93887F;
  --c-earthy-9: #926D5F;
  --c-earthy-10: #274020;
  --c-earthy-11: #585940;
  --c-earthy-12: #9FA3B3;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Dried Lilac (#BFBFFF), o tom mais claro, até Rainforest Nights (#032300), o mais escuro. Ela reúne Dried Lilac, Indigo Child, Violet Chalk, Victorian Plum, Bruised Burgundy, Mountain Range Green, Rainforest Nights, Abandoned Mansion, Chocolate Curl, Myrtle, Pinetop e Great Falls em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #BFBFFF sobre #032300, com 9,73: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

Dried Lilac #BFBFFF
RGB
rgb(191, 191, 255)
HSL
hsl(240, 100%, 87%)
Luminância
0,556
Indigo Child #9F9FCF
RGB
rgb(159, 159, 207)
HSL
hsl(240, 33%, 72%)
Luminância
0,367
Violet Chalk #937FA2
RGB
rgb(147, 127, 162)
HSL
hsl(274, 16%, 57%)
Luminância
0,240
Victorian Plum #925F79
RGB
rgb(146, 95, 121)
HSL
hsl(329, 21%, 47%)
Luminância
0,157
Bruised Burgundy #584049
RGB
rgb(88, 64, 73)
HSL
hsl(338, 16%, 30%)
Luminância
0,062
Mountain Range Green #273620
RGB
rgb(39, 54, 32)
HSL
hsl(101, 26%, 17%)
Luminância
0,032
Rainforest Nights #032300
RGB
rgb(3, 35, 0)
HSL
hsl(115, 100%, 7%)
Luminância
0,012
Abandoned Mansion #93887F
RGB
rgb(147, 136, 127)
HSL
hsl(27, 8%, 54%)
Luminância
0,253
Chocolate Curl #926D5F
RGB
rgb(146, 109, 95)
HSL
hsl(16, 21%, 47%)
Luminância
0,179
Myrtle #274020
RGB
rgb(39, 64, 32)
HSL
hsl(107, 33%, 19%)
Luminância
0,042
Pinetop #585940
RGB
rgb(88, 89, 64)
HSL
hsl(62, 16%, 30%)
Luminância
0,096
Great Falls #9FA3B3
RGB
rgb(159, 163, 179)
HSL
hsl(228, 12%, 66%)
Luminância
0,368

Contraste e acessibilidade

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

Aa #BFBFFF sobre #032300 9,73:1 AAA
Aa #BFBFFF sobre #273620 7,41:1 AAA
Aa #032300 sobre #9FA3B3 6,72:1 AA
Aa #9F9FCF sobre #032300 6,70:1 AA
Aa #BFBFFF sobre #274020 6,58:1 AA
Aa #BFBFFF sobre #584049 5,40:1 AA
Aa #273620 sobre #9FA3B3 5,12:1 AA
Aa #9F9FCF sobre #273620 5,10:1 AA
Aa #032300 sobre #93887F 4,88:1 AA
Aa #937FA2 sobre #032300 4,66:1 AA
Aa #274020 sobre #9FA3B3 4,54:1 AA
Aa #9F9FCF sobre #274020 4,53:1 AA
Aa #BFBFFF sobre #585940 4,15:1 AA, texto grande
Aa #584049 sobre #9FA3B3 3,73:1 AA, texto grande
Aa #9F9FCF sobre #584049 3,71:1 AA, texto grande
Aa #273620 sobre #93887F 3,71:1 AA, texto grande
Aa #032300 sobre #926D5F 3,68:1 AA, texto grande
Aa #937FA2 sobre #273620 3,55:1 AA, texto grande
Aa #925F79 sobre #032300 3,32:1 AA, texto grande
Aa #93887F sobre #274020 3,30:1 AA, texto grande
Aa #937FA2 sobre #274020 3,15:1 AA, texto grande
Aa #BFBFFF sobre #925F79 2,93:1 Reprovado
Aa #585940 sobre #9FA3B3 2,87:1 Reprovado
Aa #9F9FCF sobre #585940 2,86:1 Reprovado
Aa #273620 sobre #926D5F 2,80:1 Reprovado
Aa #584049 sobre #93887F 2,70:1 Reprovado
Aa #BFBFFF sobre #926D5F 2,65:1 Reprovado
Aa #937FA2 sobre #584049 2,58:1 Reprovado
Aa #925F79 sobre #273620 2,53:1 Reprovado
Aa #926D5F sobre #274020 2,49:1 Reprovado
Aa #032300 sobre #585940 2,35:1 Reprovado
Aa #925F79 sobre #274020 2,25:1 Reprovado
Aa #BFBFFF sobre #937FA2 2,09:1 Reprovado
Aa #93887F sobre #585940 2,08:1 Reprovado
Aa #584049 sobre #926D5F 2,04:1 Reprovado
Aa #9F9FCF sobre #925F79 2,02:1 Reprovado
Aa #925F79 sobre #9FA3B3 2,02:1 Reprovado
Aa #BFBFFF sobre #93887F 2,00:1 Reprovado
Aa #937FA2 sobre #585940 1,99:1 Reprovado
Aa #925F79 sobre #584049 1,84:1 Reprovado
Aa #926D5F sobre #9FA3B3 1,83:1 Reprovado
Aa #9F9FCF sobre #926D5F 1,82:1 Reprovado
Aa #584049 sobre #032300 1,80:1 Reprovado
Aa #273620 sobre #585940 1,78:1 Reprovado
Aa #274020 sobre #585940 1,59:1 Reprovado
Aa #926D5F sobre #585940 1,57:1 Reprovado
Aa #032300 sobre #274020 1,48:1 Reprovado
Aa #925F79 sobre #93887F 1,47:1 Reprovado
Aa #BFBFFF sobre #9F9FCF 1,45:1 Reprovado
Aa #BFBFFF sobre #9FA3B3 1,45:1 Reprovado
Aa #9F9FCF sobre #937FA2 1,44:1 Reprovado
Aa #937FA2 sobre #9FA3B3 1,44:1 Reprovado
Aa #925F79 sobre #585940 1,42:1 Reprovado
Aa #937FA2 sobre #925F79 1,40:1 Reprovado
Aa #93887F sobre #9FA3B3 1,38:1 Reprovado
Aa #9F9FCF sobre #93887F 1,37:1 Reprovado
Aa #584049 sobre #273620 1,37:1 Reprovado
Aa #93887F sobre #926D5F 1,33:1 Reprovado
Aa #273620 sobre #032300 1,31:1 Reprovado
Aa #584049 sobre #585940 1,30:1 Reprovado
Aa #937FA2 sobre #926D5F 1,27:1 Reprovado
Aa #584049 sobre #274020 1,22:1 Reprovado
Aa #273620 sobre #274020 1,13:1 Reprovado
Aa #925F79 sobre #926D5F 1,11:1 Reprovado
Aa #937FA2 sobre #93887F 1,05:1 Reprovado
Aa #9F9FCF sobre #9FA3B3 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