Criar conta Criar conta
Verdant Deep Woods

Verdant Deep Woods

Paleta de 9 cores · Fria · Escura · Harmonia: Análoga

Voltar à biblioteca

Verdant Deep Woods

Paleta de 9 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Análoga

Editar
Sóbria 9 cores Fria Escura Análoga green forest nature plants
Curtidas 104
Cores 9

Variáveis CSS

:root {
  --c-muted-1: #000C2C;
  --c-muted-2: #001D37;
  --c-muted-3: #003645;
  --c-muted-4: #005858;
  --c-muted-5: #00755C;
  --c-muted-6: #039A5D;
  --c-muted-7: #15BD5E;
  --c-muted-8: #00D459;
  --c-muted-9: #66F390;
}

Sobre esta paleta

Esta paleta sóbria de 9 cores vai de Grotesque Green (#66F390), o tom mais claro, até Mysterious Depths (#000C2C), o mais escuro. Ela reúne Mysterious Depths, Naval Night, Crowberry Blue, Deep Teal, Tropical Rainforest, Shamrock, Intoxicate, Alienated e Grotesque Green em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000C2C sobre #66F390, com 13,58:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Mysterious Depths #000C2C
RGB
rgb(0, 12, 44)
HSL
hsl(224, 100%, 9%)
Luminância
0,004
Naval Night #001D37
RGB
rgb(0, 29, 55)
HSL
hsl(208, 100%, 11%)
Luminância
0,012
Crowberry Blue #003645
RGB
rgb(0, 54, 69)
HSL
hsl(193, 100%, 14%)
Luminância
0,031
Deep Teal #005858
RGB
rgb(0, 88, 88)
HSL
hsl(180, 100%, 17%)
Luminância
0,077
Tropical Rainforest #00755C
RGB
rgb(0, 117, 92)
HSL
hsl(167, 100%, 23%)
Luminância
0,135
Shamrock #039A5D
RGB
rgb(3, 154, 93)
HSL
hsl(156, 96%, 31%)
Luminância
0,239
Intoxicate #15BD5E
RGB
rgb(21, 189, 94)
HSL
hsl(146, 80%, 41%)
Luminância
0,374
Alienated #00D459
RGB
rgb(0, 212, 89)
HSL
hsl(145, 100%, 42%)
Luminância
0,478
Grotesque Green #66F390
RGB
rgb(102, 243, 144)
HSL
hsl(138, 85%, 68%)
Luminância
0,689

Contraste e acessibilidade

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

Aa #000C2C sobre #66F390 13,58:1 AAA
Aa #001D37 sobre #66F390 12,01:1 AAA
Aa #000C2C sobre #00D459 9,70:1 AAA
Aa #003645 sobre #66F390 9,16:1 AAA
Aa #001D37 sobre #00D459 8,58:1 AAA
Aa #000C2C sobre #15BD5E 7,78:1 AAA
Aa #001D37 sobre #15BD5E 6,88:1 AA
Aa #003645 sobre #00D459 6,55:1 AA
Aa #005858 sobre #66F390 5,83:1 AA
Aa #000C2C sobre #039A5D 5,31:1 AA
Aa #003645 sobre #15BD5E 5,25:1 AA
Aa #001D37 sobre #039A5D 4,70:1 AA
Aa #005858 sobre #00D459 4,16:1 AA, texto grande
Aa #00755C sobre #66F390 4,00:1 AA, texto grande
Aa #003645 sobre #039A5D 3,58:1 AA, texto grande
Aa #000C2C sobre #00755C 3,40:1 AA, texto grande
Aa #005858 sobre #15BD5E 3,34:1 AA, texto grande
Aa #001D37 sobre #00755C 3,01:1 AA, texto grande
Aa #00755C sobre #00D459 2,86:1 Reprovado
Aa #039A5D sobre #66F390 2,56:1 Reprovado
Aa #000C2C sobre #005858 2,33:1 Reprovado
Aa #003645 sobre #00755C 2,29:1 Reprovado
Aa #00755C sobre #15BD5E 2,29:1 Reprovado
Aa #005858 sobre #039A5D 2,28:1 Reprovado
Aa #001D37 sobre #005858 2,06:1 Reprovado
Aa #039A5D sobre #00D459 1,83:1 Reprovado
Aa #15BD5E sobre #66F390 1,75:1 Reprovado
Aa #003645 sobre #005858 1,57:1 Reprovado
Aa #00755C sobre #039A5D 1,56:1 Reprovado
Aa #000C2C sobre #003645 1,48:1 Reprovado
Aa #005858 sobre #00755C 1,46:1 Reprovado
Aa #039A5D sobre #15BD5E 1,46:1 Reprovado
Aa #00D459 sobre #66F390 1,40:1 Reprovado
Aa #001D37 sobre #003645 1,31:1 Reprovado
Aa #15BD5E sobre #00D459 1,25:1 Reprovado
Aa #000C2C sobre #001D37 1,13: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