Criar conta Criar conta
Wheat Field

Wheat Field

Paleta de 10 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

Wheat Field

Paleta de 10 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Terrosa 10 cores Fria Mista Complementar warm soft wheat field
Curtidas 197
Cores 10

Variáveis CSS

:root {
  --c-earthy-1: #97C89B;
  --c-earthy-2: #3E8E92;
  --c-earthy-3: #305472;
  --c-earthy-4: #1C1F2B;
  --c-earthy-5: #2C313C;
  --c-earthy-6: #625E60;
  --c-earthy-7: #999172;
  --c-earthy-8: #DFCD6D;
  --c-earthy-9: #B78F43;
  --c-earthy-10: #895C35;
}

Sobre esta paleta

Esta paleta terrosa de 10 cores vai de Pirate Treasure (#DFCD6D), o tom mais claro, até Black Howl (#1C1F2B), o mais escuro. Ela reúne Kettle Drum, Blue Chill, Heavy Blue, Black Howl, Diamond Black, Shades On, Gurkha, Pirate Treasure, Venetian Gold e Quiver em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #1C1F2B sobre #DFCD6D, com 10,23: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

Kettle Drum #97C89B
RGB
rgb(151, 200, 155)
HSL
hsl(125, 31%, 69%)
Luminância
0,503
Blue Chill #3E8E92
RGB
rgb(62, 142, 146)
HSL
hsl(183, 40%, 41%)
Luminância
0,225
Heavy Blue #305472
RGB
rgb(48, 84, 114)
HSL
hsl(207, 41%, 32%)
Luminância
0,082
Black Howl #1C1F2B
RGB
rgb(28, 31, 43)
HSL
hsl(228, 21%, 14%)
Luminância
0,014
Diamond Black #2C313C
RGB
rgb(44, 49, 60)
HSL
hsl(221, 15%, 20%)
Luminância
0,031
Shades On #625E60
RGB
rgb(98, 94, 96)
HSL
hsl(330, 2%, 38%)
Luminância
0,115
Gurkha #999172
RGB
rgb(153, 145, 114)
HSL
hsl(48, 16%, 52%)
Luminância
0,282
Pirate Treasure #DFCD6D
RGB
rgb(223, 205, 109)
HSL
hsl(51, 64%, 65%)
Luminância
0,605
Venetian Gold #B78F43
RGB
rgb(183, 143, 67)
HSL
hsl(39, 46%, 49%)
Luminância
0,301
Quiver #895C35
RGB
rgb(137, 92, 53)
HSL
hsl(28, 44%, 37%)
Luminância
0,132

Contraste e acessibilidade

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

Aa #1C1F2B sobre #DFCD6D 10,23:1 AAA
Aa #97C89B sobre #1C1F2B 8,63:1 AAA
Aa #2C313C sobre #DFCD6D 8,12:1 AAA
Aa #97C89B sobre #2C313C 6,86:1 AA
Aa #1C1F2B sobre #B78F43 5,49:1 AA
Aa #1C1F2B sobre #999172 5,19:1 AA
Aa #305472 sobre #DFCD6D 4,96:1 AA
Aa #2C313C sobre #B78F43 4,36:1 AA, texto grande
Aa #3E8E92 sobre #1C1F2B 4,29:1 AA, texto grande
Aa #97C89B sobre #305472 4,19:1 AA, texto grande
Aa #2C313C sobre #999172 4,12:1 AA, texto grande
Aa #625E60 sobre #DFCD6D 3,98:1 AA, texto grande
Aa #DFCD6D sobre #895C35 3,59:1 AA, texto grande
Aa #3E8E92 sobre #2C313C 3,41:1 AA, texto grande
Aa #97C89B sobre #625E60 3,36:1 AA, texto grande
Aa #97C89B sobre #895C35 3,03:1 AA, texto grande
Aa #1C1F2B sobre #895C35 2,85:1 Reprovado
Aa #305472 sobre #B78F43 2,66:1 Reprovado
Aa #1C1F2B sobre #625E60 2,57:1 Reprovado
Aa #305472 sobre #999172 2,52:1 Reprovado
Aa #3E8E92 sobre #DFCD6D 2,38:1 Reprovado
Aa #2C313C sobre #895C35 2,26:1 Reprovado
Aa #625E60 sobre #B78F43 2,14:1 Reprovado
Aa #3E8E92 sobre #305472 2,08:1 Reprovado
Aa #305472 sobre #1C1F2B 2,06:1 Reprovado
Aa #2C313C sobre #625E60 2,04:1 Reprovado
Aa #625E60 sobre #999172 2,02:1 Reprovado
Aa #97C89B sobre #3E8E92 2,01:1 Reprovado
Aa #999172 sobre #DFCD6D 1,97:1 Reprovado
Aa #B78F43 sobre #895C35 1,93:1 Reprovado
Aa #DFCD6D sobre #B78F43 1,86:1 Reprovado
Aa #999172 sobre #895C35 1,82:1 Reprovado
Aa #3E8E92 sobre #625E60 1,67:1 Reprovado
Aa #97C89B sobre #999172 1,66:1 Reprovado
Aa #305472 sobre #2C313C 1,64:1 Reprovado
Aa #97C89B sobre #B78F43 1,57:1 Reprovado
Aa #3E8E92 sobre #895C35 1,51:1 Reprovado
Aa #305472 sobre #895C35 1,38:1 Reprovado
Aa #3E8E92 sobre #B78F43 1,28:1 Reprovado
Aa #1C1F2B sobre #2C313C 1,26:1 Reprovado
Aa #305472 sobre #625E60 1,25:1 Reprovado
Aa #3E8E92 sobre #999172 1,21:1 Reprovado
Aa #97C89B sobre #DFCD6D 1,18:1 Reprovado
Aa #625E60 sobre #895C35 1,11:1 Reprovado
Aa #999172 sobre #B78F43 1,06:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores