Criar conta Criar conta
Homey Honey 12

Homey Honey 12

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

Voltar à biblioteca

Homey Honey 12

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

Editar
Terrosa 12 cores Quente Escura Complementar fall warm brown autumn
Curtidas 126
Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #291E1A;
  --c-earthy-2: #5A3428;
  --c-earthy-3: #A6652B;
  --c-earthy-4: #D9A443;
  --c-earthy-5: #C95937;
  --c-earthy-6: #893F43;
  --c-earthy-7: #393E26;
  --c-earthy-8: #496669;
  --c-earthy-9: #7687AB;
  --c-earthy-10: #D4D3D1;
  --c-earthy-11: #748B2C;
  --c-earthy-12: #31542F;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Silver Spoon (#D4D3D1), o tom mais claro, até Weathervane (#291E1A), o mais escuro. Ela reúne Weathervane, Redwood, Gallstone Yellow, Solar Fusion, Cinnamon Stone, Cordovan, Green Kelp, Tax Break, Enchanting Sky, Silver Spoon, Olive Thrill e Moselle Green em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #291E1A sobre #D4D3D1, com 10,84: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

Weathervane #291E1A
RGB
rgb(41, 30, 26)
HSL
hsl(16, 22%, 13%)
Luminância
0,015
Redwood #5A3428
RGB
rgb(90, 52, 40)
HSL
hsl(14, 38%, 25%)
Luminância
0,048
Gallstone Yellow #A6652B
RGB
rgb(166, 101, 43)
HSL
hsl(28, 59%, 41%)
Luminância
0,176
Solar Fusion #D9A443
RGB
rgb(217, 164, 67)
HSL
hsl(39, 66%, 56%)
Luminância
0,417
Cinnamon Stone #C95937
RGB
rgb(201, 89, 55)
HSL
hsl(14, 57%, 50%)
Luminância
0,198
Cordovan #893F43
RGB
rgb(137, 63, 67)
HSL
hsl(357, 37%, 39%)
Luminância
0,093
Green Kelp #393E26
RGB
rgb(57, 62, 38)
HSL
hsl(73, 24%, 20%)
Luminância
0,045
Tax Break #496669
RGB
rgb(73, 102, 105)
HSL
hsl(186, 18%, 35%)
Luminância
0,119
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Luminância
0,241
Silver Spoon #D4D3D1
RGB
rgb(212, 211, 209)
HSL
hsl(40, 3%, 83%)
Luminância
0,652
Olive Thrill #748B2C
RGB
rgb(116, 139, 44)
HSL
hsl(75, 52%, 36%)
Luminância
0,224
Moselle Green #31542F
RGB
rgb(49, 84, 47)
HSL
hsl(117, 28%, 26%)
Luminância
0,072

Contraste e acessibilidade

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

Aa #291E1A sobre #D4D3D1 10,84:1 AAA
Aa #393E26 sobre #D4D3D1 7,42:1 AAA
Aa #291E1A sobre #D9A443 7,21:1 AAA
Aa #5A3428 sobre #D4D3D1 7,17:1 AAA
Aa #D4D3D1 sobre #31542F 5,75:1 AA
Aa #D9A443 sobre #393E26 4,94:1 AA
Aa #893F43 sobre #D4D3D1 4,92:1 AA
Aa #5A3428 sobre #D9A443 4,77:1 AA
Aa #291E1A sobre #7687AB 4,50:1 AA
Aa #291E1A sobre #748B2C 4,23:1 AA, texto grande
Aa #496669 sobre #D4D3D1 4,14:1 AA, texto grande
Aa #291E1A sobre #C95937 3,84:1 AA, texto grande
Aa #D9A443 sobre #31542F 3,83:1 AA, texto grande
Aa #291E1A sobre #A6652B 3,49:1 AA, texto grande
Aa #D9A443 sobre #893F43 3,27:1 AA, texto grande
Aa #A6652B sobre #D4D3D1 3,11:1 AA, texto grande
Aa #393E26 sobre #7687AB 3,08:1 AA, texto grande
Aa #5A3428 sobre #7687AB 2,98:1 Reprovado
Aa #393E26 sobre #748B2C 2,89:1 Reprovado
Aa #C95937 sobre #D4D3D1 2,83:1 Reprovado
Aa #5A3428 sobre #748B2C 2,80:1 Reprovado
Aa #D9A443 sobre #496669 2,76:1 Reprovado
Aa #C95937 sobre #393E26 2,63:1 Reprovado
Aa #291E1A sobre #496669 2,62:1 Reprovado
Aa #D4D3D1 sobre #748B2C 2,57:1 Reprovado
Aa #5A3428 sobre #C95937 2,54:1 Reprovado
Aa #7687AB sobre #D4D3D1 2,41:1 Reprovado
Aa #A6652B sobre #393E26 2,39:1 Reprovado
Aa #7687AB sobre #31542F 2,39:1 Reprovado
Aa #5A3428 sobre #A6652B 2,31:1 Reprovado
Aa #748B2C sobre #31542F 2,24:1 Reprovado
Aa #291E1A sobre #893F43 2,21:1 Reprovado
Aa #A6652B sobre #D9A443 2,07:1 Reprovado
Aa #C95937 sobre #31542F 2,04:1 Reprovado
Aa #893F43 sobre #7687AB 2,04:1 Reprovado
Aa #893F43 sobre #748B2C 1,92:1 Reprovado
Aa #291E1A sobre #31542F 1,88:1 Reprovado
Aa #D9A443 sobre #C95937 1,88:1 Reprovado
Aa #A6652B sobre #31542F 1,85:1 Reprovado
Aa #393E26 sobre #496669 1,79:1 Reprovado
Aa #C95937 sobre #893F43 1,74:1 Reprovado
Aa #5A3428 sobre #496669 1,73:1 Reprovado
Aa #496669 sobre #7687AB 1,72:1 Reprovado
Aa #D9A443 sobre #748B2C 1,71:1 Reprovado
Aa #496669 sobre #748B2C 1,62:1 Reprovado
Aa #D9A443 sobre #7687AB 1,60:1 Reprovado
Aa #A6652B sobre #893F43 1,58:1 Reprovado
Aa #291E1A sobre #5A3428 1,51:1 Reprovado
Aa #893F43 sobre #393E26 1,51:1 Reprovado
Aa #D9A443 sobre #D4D3D1 1,50:1 Reprovado
Aa #C95937 sobre #496669 1,47:1 Reprovado
Aa #291E1A sobre #393E26 1,46:1 Reprovado
Aa #5A3428 sobre #893F43 1,46:1 Reprovado
Aa #496669 sobre #31542F 1,39:1 Reprovado
Aa #A6652B sobre #496669 1,33:1 Reprovado
Aa #A6652B sobre #7687AB 1,29:1 Reprovado
Aa #393E26 sobre #31542F 1,29:1 Reprovado
Aa #5A3428 sobre #31542F 1,25:1 Reprovado
Aa #A6652B sobre #748B2C 1,21:1 Reprovado
Aa #893F43 sobre #496669 1,19:1 Reprovado
Aa #C95937 sobre #7687AB 1,17:1 Reprovado
Aa #893F43 sobre #31542F 1,17:1 Reprovado
Aa #A6652B sobre #C95937 1,10:1 Reprovado
Aa #C95937 sobre #748B2C 1,10:1 Reprovado
Aa #7687AB sobre #748B2C 1,06:1 Reprovado
Aa #5A3428 sobre #393E26 1,03: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