Criar conta Criar conta
Grimbo

Grimbo

Paleta de 12 cores · Quente · Mista · Harmonia: Triádica

Voltar à biblioteca

Grimbo

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Triádica

Editar
Terrosa 12 cores Quente Mista Triádica green red desaturated grim
Curtidas 171
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #DFE6E0;
  --c-earthy-2: #D9C277;
  --c-earthy-3: #C17B5C;
  --c-earthy-4: #85444A;
  --c-earthy-5: #4A363C;
  --c-earthy-6: #9BA15F;
  --c-earthy-7: #596E47;
  --c-earthy-8: #38453A;
  --c-earthy-9: #A9BBCC;
  --c-earthy-10: #7687AB;
  --c-earthy-11: #444A65;
  --c-earthy-12: #222228;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Winter Veil (#DFE6E0), o tom mais claro, até Dark Gunmetal (#222228), o mais escuro. Ela reúne Winter Veil, Citrus Yellow, Brown Clay, Red Elegance, Jube, Sweet Pea, Asparagus Sprig, Deep Forest, Wood Pigeon, Enchanting Sky, Darkshore e Dark Gunmetal em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #DFE6E0 sobre #222228, com 12,45: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

Winter Veil #DFE6E0
RGB
rgb(223, 230, 224)
HSL
hsl(129, 12%, 89%)
Luminância
0,777
Citrus Yellow #D9C277
RGB
rgb(217, 194, 119)
HSL
hsl(46, 56%, 66%)
Luminância
0,547
Brown Clay #C17B5C
RGB
rgb(193, 123, 92)
HSL
hsl(18, 45%, 56%)
Luminância
0,263
Red Elegance #85444A
RGB
rgb(133, 68, 74)
HSL
hsl(354, 32%, 39%)
Luminância
0,096
Jube #4A363C
RGB
rgb(74, 54, 60)
HSL
hsl(342, 16%, 25%)
Luminância
0,044
Sweet Pea #9BA15F
RGB
rgb(155, 161, 95)
HSL
hsl(65, 26%, 50%)
Luminância
0,333
Asparagus Sprig #596E47
RGB
rgb(89, 110, 71)
HSL
hsl(92, 22%, 35%)
Luminância
0,137
Deep Forest #38453A
RGB
rgb(56, 69, 58)
HSL
hsl(129, 10%, 25%)
Luminância
0,054
Wood Pigeon #A9BBCC
RGB
rgb(169, 187, 204)
HSL
hsl(209, 26%, 73%)
Luminância
0,483
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Luminância
0,241
Darkshore #444A65
RGB
rgb(68, 74, 101)
HSL
hsl(229, 20%, 33%)
Luminância
0,071
Dark Gunmetal #222228
RGB
rgb(34, 34, 40)
HSL
hsl(240, 8%, 15%)
Luminância
0,016

Contraste e acessibilidade

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

Aa #DFE6E0 sobre #222228 12,45:1 AAA
Aa #D9C277 sobre #222228 8,99:1 AAA
Aa #DFE6E0 sobre #4A363C 8,77:1 AAA
Aa #A9BBCC sobre #222228 8,04:1 AAA
Aa #DFE6E0 sobre #38453A 7,95:1 AAA
Aa #DFE6E0 sobre #444A65 6,85:1 AA
Aa #D9C277 sobre #4A363C 6,33:1 AA
Aa #9BA15F sobre #222228 5,77:1 AA
Aa #D9C277 sobre #38453A 5,74:1 AA
Aa #DFE6E0 sobre #85444A 5,66:1 AA
Aa #4A363C sobre #A9BBCC 5,66:1 AA
Aa #38453A sobre #A9BBCC 5,13:1 AA
Aa #D9C277 sobre #444A65 4,95:1 AA
Aa #C17B5C sobre #222228 4,71:1 AA
Aa #A9BBCC sobre #444A65 4,42:1 AA, texto grande
Aa #DFE6E0 sobre #596E47 4,41:1 AA, texto grande
Aa #7687AB sobre #222228 4,39:1 AA, texto grande
Aa #D9C277 sobre #85444A 4,08:1 AA, texto grande
Aa #4A363C sobre #9BA15F 4,06:1 AA, texto grande
Aa #9BA15F sobre #38453A 3,68:1 AA, texto grande
Aa #85444A sobre #A9BBCC 3,65:1 AA, texto grande
Aa #C17B5C sobre #4A363C 3,32:1 AA, texto grande
Aa #D9C277 sobre #596E47 3,19:1 AA, texto grande
Aa #9BA15F sobre #444A65 3,17:1 AA, texto grande
Aa #4A363C sobre #7687AB 3,09:1 AA, texto grande
Aa #C17B5C sobre #38453A 3,01:1 AA, texto grande
Aa #596E47 sobre #A9BBCC 2,85:1 Reprovado
Aa #DFE6E0 sobre #7687AB 2,84:1 Reprovado
Aa #596E47 sobre #222228 2,82:1 Reprovado
Aa #38453A sobre #7687AB 2,80:1 Reprovado
Aa #DFE6E0 sobre #C17B5C 2,64:1 Reprovado
Aa #85444A sobre #9BA15F 2,62:1 Reprovado
Aa #C17B5C sobre #444A65 2,59:1 Reprovado
Aa #7687AB sobre #444A65 2,41:1 Reprovado
Aa #85444A sobre #222228 2,20:1 Reprovado
Aa #DFE6E0 sobre #9BA15F 2,16:1 Reprovado
Aa #C17B5C sobre #85444A 2,14:1 Reprovado
Aa #D9C277 sobre #7687AB 2,05:1 Reprovado
Aa #9BA15F sobre #596E47 2,04:1 Reprovado
Aa #85444A sobre #7687AB 1,99:1 Reprovado
Aa #4A363C sobre #596E47 1,99:1 Reprovado
Aa #D9C277 sobre #C17B5C 1,91:1 Reprovado
Aa #A9BBCC sobre #7687AB 1,83:1 Reprovado
Aa #444A65 sobre #222228 1,82:1 Reprovado
Aa #596E47 sobre #38453A 1,80:1 Reprovado
Aa #C17B5C sobre #A9BBCC 1,71:1 Reprovado
Aa #C17B5C sobre #596E47 1,67:1 Reprovado
Aa #38453A sobre #222228 1,57:1 Reprovado
Aa #D9C277 sobre #9BA15F 1,56:1 Reprovado
Aa #DFE6E0 sobre #A9BBCC 1,55:1 Reprovado
Aa #85444A sobre #4A363C 1,55:1 Reprovado
Aa #596E47 sobre #7687AB 1,55:1 Reprovado
Aa #596E47 sobre #444A65 1,55:1 Reprovado
Aa #4A363C sobre #222228 1,42:1 Reprovado
Aa #85444A sobre #38453A 1,40:1 Reprovado
Aa #DFE6E0 sobre #D9C277 1,39:1 Reprovado
Aa #9BA15F sobre #A9BBCC 1,39:1 Reprovado
Aa #9BA15F sobre #7687AB 1,31:1 Reprovado
Aa #85444A sobre #596E47 1,28:1 Reprovado
Aa #4A363C sobre #444A65 1,28:1 Reprovado
Aa #C17B5C sobre #9BA15F 1,22:1 Reprovado
Aa #85444A sobre #444A65 1,21:1 Reprovado
Aa #38453A sobre #444A65 1,16:1 Reprovado
Aa #D9C277 sobre #A9BBCC 1,12:1 Reprovado
Aa #4A363C sobre #38453A 1,10:1 Reprovado
Aa #C17B5C sobre #7687AB 1,07: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