Criar conta Criar conta
Green + Accent

Green + Accent

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

Voltar à biblioteca

Green + Accent

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

Editar
Terrosa 8 cores Fria Mista Complementar green forest accent
Curtidas 36
Cores 8

Variáveis CSS

:root {
  --c-earthy-1: #FBF4C4;
  --c-earthy-2: #AAD0A3;
  --c-earthy-3: #95B88F;
  --c-earthy-4: #3E4E47;
  --c-earthy-5: #253A3A;
  --c-earthy-6: #162627;
  --c-earthy-7: #111E1F;
  --c-earthy-8: #F89BB0;
}

Sobre esta paleta

Esta paleta terrosa de 8 cores vai de Banana Custard (#FBF4C4), o tom mais claro, até Black Emerald (#111E1F), o mais escuro. Ela reúne Banana Custard, Relaxation Green, Brookview, Deep Mooring, Kōrainando Green, Wet Foliage, Black Emerald e Flower Girl em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #FBF4C4 sobre #111E1F, com 15,32: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

Banana Custard #FBF4C4
RGB
rgb(251, 244, 196)
HSL
hsl(52, 87%, 88%)
Luminância
0,892
Relaxation Green #AAD0A3
RGB
rgb(170, 208, 163)
HSL
hsl(111, 32%, 73%)
Luminância
0,563
Brookview #95B88F
RGB
rgb(149, 184, 143)
HSL
hsl(111, 22%, 64%)
Luminância
0,427
Deep Mooring #3E4E47
RGB
rgb(62, 78, 71)
HSL
hsl(154, 11%, 27%)
Luminância
0,069
Kōrainando Green #253A3A
RGB
rgb(37, 58, 58)
HSL
hsl(180, 22%, 19%)
Luminância
0,037
Wet Foliage #162627
RGB
rgb(22, 38, 39)
HSL
hsl(184, 28%, 12%)
Luminância
0,017
Black Emerald #111E1F
RGB
rgb(17, 30, 31)
HSL
hsl(184, 29%, 9%)
Luminância
0,012
Flower Girl #F89BB0
RGB
rgb(248, 155, 176)
HSL
hsl(346, 87%, 79%)
Luminância
0,465

Contraste e acessibilidade

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

Aa #FBF4C4 sobre #111E1F 15,32:1 AAA
Aa #FBF4C4 sobre #162627 14,05:1 AAA
Aa #FBF4C4 sobre #253A3A 10,80:1 AAA
Aa #AAD0A3 sobre #111E1F 9,97:1 AAA
Aa #AAD0A3 sobre #162627 9,15:1 AAA
Aa #111E1F sobre #F89BB0 8,38:1 AAA
Aa #FBF4C4 sobre #3E4E47 7,90:1 AAA
Aa #95B88F sobre #111E1F 7,75:1 AAA
Aa #162627 sobre #F89BB0 7,69:1 AAA
Aa #95B88F sobre #162627 7,11:1 AAA
Aa #AAD0A3 sobre #253A3A 7,03:1 AAA
Aa #253A3A sobre #F89BB0 5,91:1 AA
Aa #95B88F sobre #253A3A 5,46:1 AA
Aa #AAD0A3 sobre #3E4E47 5,14:1 AA
Aa #3E4E47 sobre #F89BB0 4,32:1 AA, texto grande
Aa #95B88F sobre #3E4E47 4,00:1 AA, texto grande
Aa #FBF4C4 sobre #95B88F 1,98:1 Reprovado
Aa #3E4E47 sobre #111E1F 1,94:1 Reprovado
Aa #FBF4C4 sobre #F89BB0 1,83:1 Reprovado
Aa #3E4E47 sobre #162627 1,78:1 Reprovado
Aa #FBF4C4 sobre #AAD0A3 1,54:1 Reprovado
Aa #253A3A sobre #111E1F 1,42:1 Reprovado
Aa #3E4E47 sobre #253A3A 1,37:1 Reprovado
Aa #253A3A sobre #162627 1,30:1 Reprovado
Aa #AAD0A3 sobre #95B88F 1,29:1 Reprovado
Aa #AAD0A3 sobre #F89BB0 1,19:1 Reprovado
Aa #162627 sobre #111E1F 1,09:1 Reprovado
Aa #95B88F sobre #F89BB0 1,08: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