Criar conta Criar conta
Mudstone

Mudstone

Paleta de 8 cores · Quente · Escura · Harmonia: Complementar

Voltar à biblioteca

Mudstone

Paleta de 8 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Complementar

Editar
Terrosa 8 cores Quente Escura Complementar polyphrog natural earth
Curtidas 48
Cores 8

Variáveis CSS

:root {
  --c-earthy-1: #1B1611;
  --c-earthy-2: #1F253C;
  --c-earthy-3: #423C32;
  --c-earthy-4: #465D32;
  --c-earthy-5: #6E3F24;
  --c-earthy-6: #6B624E;
  --c-earthy-7: #90752E;
  --c-earthy-8: #CDA465;
}

Sobre esta paleta

Esta paleta terrosa de 8 cores vai de Workbench (#CDA465), o tom mais claro, até Nightshade Berries (#1B1611), o mais escuro. Ela reúne Nightshade Berries, Midnight Express, Blackish Brown, Woodman, Davao Durian, Classic Bronze, Marshy Green e Workbench em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #1B1611 sobre #CDA465, com 7,78: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

Nightshade Berries #1B1611
RGB
rgb(27, 22, 17)
HSL
hsl(30, 23%, 9%)
Luminância
0,009
Midnight Express #1F253C
RGB
rgb(31, 37, 60)
HSL
hsl(228, 32%, 18%)
Luminância
0,019
Blackish Brown #423C32
RGB
rgb(66, 60, 50)
HSL
hsl(38, 14%, 23%)
Luminância
0,046
Woodman #465D32
RGB
rgb(70, 93, 50)
HSL
hsl(92, 30%, 28%)
Luminância
0,094
Davao Durian #6E3F24
RGB
rgb(110, 63, 36)
HSL
hsl(22, 51%, 29%)
Luminância
0,070
Classic Bronze #6B624E
RGB
rgb(107, 98, 78)
HSL
hsl(41, 16%, 36%)
Luminância
0,124
Marshy Green #90752E
RGB
rgb(144, 117, 46)
HSL
hsl(43, 52%, 37%)
Luminância
0,189
Workbench #CDA465
RGB
rgb(205, 164, 101)
HSL
hsl(36, 51%, 60%)
Luminância
0,405

Contraste e acessibilidade

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

Aa #1B1611 sobre #CDA465 7,78:1 AAA
Aa #1F253C sobre #CDA465 6,55:1 AA
Aa #423C32 sobre #CDA465 4,73:1 AA
Aa #1B1611 sobre #90752E 4,08:1 AA, texto grande
Aa #6E3F24 sobre #CDA465 3,79:1 AA, texto grande
Aa #1F253C sobre #90752E 3,44:1 AA, texto grande
Aa #465D32 sobre #CDA465 3,17:1 AA, texto grande
Aa #1B1611 sobre #6B624E 2,98:1 Reprovado
Aa #6B624E sobre #CDA465 2,61:1 Reprovado
Aa #1F253C sobre #6B624E 2,51:1 Reprovado
Aa #423C32 sobre #90752E 2,48:1 Reprovado
Aa #1B1611 sobre #465D32 2,46:1 Reprovado
Aa #1F253C sobre #465D32 2,07:1 Reprovado
Aa #1B1611 sobre #6E3F24 2,05:1 Reprovado
Aa #6E3F24 sobre #90752E 1,99:1 Reprovado
Aa #90752E sobre #CDA465 1,91:1 Reprovado
Aa #423C32 sobre #6B624E 1,81:1 Reprovado
Aa #1F253C sobre #6E3F24 1,73:1 Reprovado
Aa #465D32 sobre #90752E 1,66:1 Reprovado
Aa #1B1611 sobre #423C32 1,65:1 Reprovado
Aa #423C32 sobre #465D32 1,49:1 Reprovado
Aa #6E3F24 sobre #6B624E 1,45:1 Reprovado
Aa #1F253C sobre #423C32 1,39:1 Reprovado
Aa #6B624E sobre #90752E 1,37:1 Reprovado
Aa #423C32 sobre #6E3F24 1,25:1 Reprovado
Aa #465D32 sobre #6B624E 1,21:1 Reprovado
Aa #465D32 sobre #6E3F24 1,20:1 Reprovado
Aa #1B1611 sobre #1F253C 1,19:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000
4 cores
#E23E57 #88304E #522546 #311D3F
4 cores
#FF204E #A0153E #5D0E41 #00224D
4 cores
#030637 #3C0753 #720455 #910A67
4 cores
#1C0A00 #361500 #603601 #CC9544
4 cores
#252525 #FF0000 #AF0404 #414141
4 cores
#362222 #171010 #423F3E #2B2B2B
4 cores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 cores