Criar conta Criar conta
Side Forest

Side Forest

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

Voltar à biblioteca

Side Forest

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

Editar
Terrosa 12 cores Quente Mista Complementar forest 12vember 3digithex 3hex
Curtidas 94
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #221122;
  --c-earthy-2: #332233;
  --c-earthy-3: #334444;
  --c-earthy-4: #336644;
  --c-earthy-5: #668855;
  --c-earthy-6: #99AA55;
  --c-earthy-7: #CCAA88;
  --c-earthy-8: #DDCCBB;
  --c-earthy-9: #889999;
  --c-earthy-10: #776688;
  --c-earthy-11: #663355;
  --c-earthy-12: #BB7777;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Honey Lime Chicken (#DDCCBB), o tom mais claro, até Inside (#221122), o mais escuro. Ela reúne Inside, Zero Gravity, Firefly, Forest Serenade, Tee Off, Springtide Melodies, African Sand, Honey Lime Chicken, Aged Pewter, Amethyst Gem, Blackberry Deep Red e Nipple 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 é #221122 sobre #DDCCBB, com 11,47: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

Inside #221122
RGB
rgb(34, 17, 34)
HSL
hsl(300, 33%, 10%)
Luminância
0,009
Zero Gravity #332233
RGB
rgb(51, 34, 51)
HSL
hsl(300, 20%, 17%)
Luminância
0,021
Firefly #334444
RGB
rgb(51, 68, 68)
HSL
hsl(180, 14%, 23%)
Luminância
0,053
Forest Serenade #336644
RGB
rgb(51, 102, 68)
HSL
hsl(140, 33%, 30%)
Luminância
0,106
Tee Off #668855
RGB
rgb(102, 136, 85)
HSL
hsl(100, 23%, 43%)
Luminância
0,211
Springtide Melodies #99AA55
RGB
rgb(153, 170, 85)
HSL
hsl(72, 33%, 50%)
Luminância
0,362
African Sand #CCAA88
RGB
rgb(204, 170, 136)
HSL
hsl(30, 40%, 67%)
Luminância
0,434
Honey Lime Chicken #DDCCBB
RGB
rgb(221, 204, 187)
HSL
hsl(30, 33%, 80%)
Luminância
0,622
Aged Pewter #889999
RGB
rgb(136, 153, 153)
HSL
hsl(180, 8%, 57%)
Luminância
0,303
Amethyst Gem #776688
RGB
rgb(119, 102, 136)
HSL
hsl(270, 14%, 47%)
Luminância
0,152
Blackberry Deep Red #663355
RGB
rgb(102, 51, 85)
HSL
hsl(320, 33%, 30%)
Luminância
0,059
Nipple #BB7777
RGB
rgb(187, 119, 119)
HSL
hsl(0, 33%, 60%)
Luminância
0,251

Contraste e acessibilidade

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

Aa #221122 sobre #DDCCBB 11,47:1 AAA
Aa #332233 sobre #DDCCBB 9,47:1 AAA
Aa #221122 sobre #CCAA88 8,26:1 AAA
Aa #221122 sobre #99AA55 7,03:1 AAA
Aa #332233 sobre #CCAA88 6,82:1 AA
Aa #334444 sobre #DDCCBB 6,55:1 AA
Aa #DDCCBB sobre #663355 6,19:1 AA
Aa #221122 sobre #889999 6,03:1 AA
Aa #332233 sobre #99AA55 5,81:1 AA
Aa #221122 sobre #BB7777 5,14:1 AA
Aa #332233 sobre #889999 4,98:1 AA
Aa #334444 sobre #CCAA88 4,72:1 AA
Aa #CCAA88 sobre #663355 4,46:1 AA, texto grande
Aa #221122 sobre #668855 4,45:1 AA, texto grande
Aa #336644 sobre #DDCCBB 4,30:1 AA, texto grande
Aa #332233 sobre #BB7777 4,25:1 AA, texto grande
Aa #334444 sobre #99AA55 4,02:1 AA, texto grande
Aa #99AA55 sobre #663355 3,80:1 AA, texto grande
Aa #332233 sobre #668855 3,68:1 AA, texto grande
Aa #221122 sobre #776688 3,45:1 AA, texto grande
Aa #334444 sobre #889999 3,44:1 AA, texto grande
Aa #DDCCBB sobre #776688 3,32:1 AA, texto grande
Aa #889999 sobre #663355 3,26:1 AA, texto grande
Aa #336644 sobre #CCAA88 3,10:1 AA, texto grande
Aa #334444 sobre #BB7777 2,93:1 Reprovado
Aa #332233 sobre #776688 2,85:1 Reprovado
Aa #663355 sobre #BB7777 2,77:1 Reprovado
Aa #221122 sobre #336644 2,67:1 Reprovado
Aa #336644 sobre #99AA55 2,64:1 Reprovado
Aa #668855 sobre #DDCCBB 2,57:1 Reprovado
Aa #334444 sobre #668855 2,54:1 Reprovado
Aa #668855 sobre #663355 2,40:1 Reprovado
Aa #CCAA88 sobre #776688 2,39:1 Reprovado
Aa #336644 sobre #889999 2,26:1 Reprovado
Aa #DDCCBB sobre #BB7777 2,23:1 Reprovado
Aa #332233 sobre #336644 2,20:1 Reprovado
Aa #99AA55 sobre #776688 2,04:1 Reprovado
Aa #334444 sobre #776688 1,97:1 Reprovado
Aa #336644 sobre #BB7777 1,93:1 Reprovado
Aa #DDCCBB sobre #889999 1,90:1 Reprovado
Aa #776688 sobre #663355 1,86:1 Reprovado
Aa #221122 sobre #663355 1,85:1 Reprovado
Aa #668855 sobre #CCAA88 1,85:1 Reprovado
Aa #221122 sobre #334444 1,75:1 Reprovado
Aa #889999 sobre #776688 1,75:1 Reprovado
Aa #336644 sobre #668855 1,67:1 Reprovado
Aa #99AA55 sobre #DDCCBB 1,63:1 Reprovado
Aa #CCAA88 sobre #BB7777 1,61:1 Reprovado
Aa #668855 sobre #99AA55 1,58:1 Reprovado
Aa #332233 sobre #663355 1,53:1 Reprovado
Aa #334444 sobre #336644 1,52:1 Reprovado
Aa #776688 sobre #BB7777 1,49:1 Reprovado
Aa #332233 sobre #334444 1,45:1 Reprovado
Aa #336644 sobre #663355 1,44:1 Reprovado
Aa #CCAA88 sobre #DDCCBB 1,39:1 Reprovado
Aa #99AA55 sobre #BB7777 1,37:1 Reprovado
Aa #CCAA88 sobre #889999 1,37:1 Reprovado
Aa #668855 sobre #889999 1,35:1 Reprovado
Aa #336644 sobre #776688 1,29:1 Reprovado
Aa #668855 sobre #776688 1,29:1 Reprovado
Aa #221122 sobre #332233 1,21:1 Reprovado
Aa #99AA55 sobre #CCAA88 1,17:1 Reprovado
Aa #99AA55 sobre #889999 1,17:1 Reprovado
Aa #889999 sobre #BB7777 1,17:1 Reprovado
Aa #668855 sobre #BB7777 1,15:1 Reprovado
Aa #334444 sobre #663355 1,06: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