Início Paletas de cores Japanese Woodblock

Japanese Woodblock

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

Voltar à biblioteca

Japanese Woodblock

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

Editar

Terrosa 12 cores Quente Mista Complementar artist polyducks

Curtidas 1.232

Cores 12

Variáveis CSS

:root {
  --c-earthy-1: #2B2821;
  --c-earthy-2: #624C3C;
  --c-earthy-3: #D9AC8B;
  --c-earthy-4: #E3CFB4;
  --c-earthy-5: #243D5C;
  --c-earthy-6: #5D7275;
  --c-earthy-7: #5C8B93;
  --c-earthy-8: #B1A58D;
  --c-earthy-9: #B03A48;
  --c-earthy-10: #D4804D;
  --c-earthy-11: #E0C872;
  --c-earthy-12: #3E6958;
}

Sobre esta paleta

Esta paleta terrosa de 12 cores vai de Lovely Bluff (#E3CFB4), o tom mais claro, até Maire (#2B2821), o mais escuro. Ela reúne Maire, Half-Caff, White Acorn, Lovely Bluff, Nautilus, Riverway, Tort, Safari Vest, Frosted Pomegranate, Seraphim Sepia, Dijon Mustard e June Ivy em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 11 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #2B2821 sobre #E3CFB4, com 9,7: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

Maire #2B2821

RGB: rgb(43, 40, 33)
HSL: hsl(42, 13%, 15%)
Luminância: 0,021

Half-Caff #624C3C

RGB: rgb(98, 76, 60)
HSL: hsl(25, 24%, 31%)
Luminância: 0,081

White Acorn #D9AC8B

RGB: rgb(217, 172, 139)
HSL: hsl(25, 51%, 70%)
Luminância: 0,461

Lovely Bluff #E3CFB4

RGB: rgb(227, 207, 180)
HSL: hsl(34, 46%, 80%)
Luminância: 0,643

Nautilus #243D5C

RGB: rgb(36, 61, 92)
HSL: hsl(213, 44%, 25%)
Luminância: 0,045

Riverway #5D7275

RGB: rgb(93, 114, 117)
HSL: hsl(188, 11%, 41%)
Luminância: 0,157

Tort #5C8B93

RGB: rgb(92, 139, 147)
HSL: hsl(189, 23%, 47%)
Luminância: 0,229

Safari Vest #B1A58D

RGB: rgb(177, 165, 141)
HSL: hsl(40, 19%, 62%)
Luminância: 0,382

Frosted Pomegranate #B03A48

RGB: rgb(176, 58, 72)
HSL: hsl(353, 50%, 46%)
Luminância: 0,127

Seraphim Sepia #D4804D

RGB: rgb(212, 128, 77)
HSL: hsl(23, 61%, 57%)
Luminância: 0,300

Dijon Mustard #E0C872

RGB: rgb(224, 200, 114)
HSL: hsl(47, 64%, 66%)
Luminância: 0,584

June Ivy #3E6958

RGB: rgb(62, 105, 88)
HSL: hsl(156, 26%, 33%)
Luminância: 0,118

Contraste e acessibilidade

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

Aa #2B2821 sobre #E3CFB4 9,70:1 AAA

Aa #2B2821 sobre #E0C872 8,87:1 AAA

Aa #E3CFB4 sobre #243D5C 7,30:1 AAA

Aa #2B2821 sobre #D9AC8B 7,16:1 AAA

Aa #243D5C sobre #E0C872 6,68:1 AA

Aa #2B2821 sobre #B1A58D 6,05:1 AA

Aa #D9AC8B sobre #243D5C 5,39:1 AA

Aa #624C3C sobre #E3CFB4 5,29:1 AA

Aa #2B2821 sobre #D4804D 4,90:1 AA

Aa #624C3C sobre #E0C872 4,84:1 AA

Aa #243D5C sobre #B1A58D 4,55:1 AA

Aa #E3CFB4 sobre #3E6958 4,11:1 AA, texto grande

Aa #E3CFB4 sobre #B03A48 3,91:1 AA, texto grande

Aa #2B2821 sobre #5C8B93 3,90:1 AA, texto grande

Aa #624C3C sobre #D9AC8B 3,90:1 AA, texto grande

Aa #E0C872 sobre #3E6958 3,76:1 AA, texto grande

Aa #243D5C sobre #D4804D 3,69:1 AA, texto grande

Aa #B03A48 sobre #E0C872 3,58:1 AA, texto grande

Aa #E3CFB4 sobre #5D7275 3,35:1 AA, texto grande

Aa #624C3C sobre #B1A58D 3,30:1 AA, texto grande

Aa #5D7275 sobre #E0C872 3,07:1 AA, texto grande

Aa #D9AC8B sobre #3E6958 3,04:1 AA, texto grande

Aa #243D5C sobre #5C8B93 2,94:1 Reprovado

Aa #2B2821 sobre #5D7275 2,89:1 Reprovado

Aa #D9AC8B sobre #B03A48 2,88:1 Reprovado

Aa #624C3C sobre #D4804D 2,67:1 Reprovado

Aa #B1A58D sobre #3E6958 2,57:1 Reprovado

Aa #E3CFB4 sobre #5C8B93 2,49:1 Reprovado

Aa #2B2821 sobre #B03A48 2,48:1 Reprovado

Aa #D9AC8B sobre #5D7275 2,48:1 Reprovado

Aa #B1A58D sobre #B03A48 2,44:1 Reprovado

Aa #2B2821 sobre #3E6958 2,36:1 Reprovado

Aa #5C8B93 sobre #E0C872 2,28:1 Reprovado

Aa #243D5C sobre #5D7275 2,18:1 Reprovado

Aa #624C3C sobre #5C8B93 2,13:1 Reprovado

Aa #5D7275 sobre #B1A58D 2,09:1 Reprovado

Aa #D4804D sobre #3E6958 2,08:1 Reprovado

Aa #E3CFB4 sobre #D4804D 1,98:1 Reprovado

Aa #B03A48 sobre #D4804D 1,97:1 Reprovado

Aa #243D5C sobre #B03A48 1,87:1 Reprovado

Aa #D9AC8B sobre #5C8B93 1,84:1 Reprovado

Aa #2B2821 sobre #624C3C 1,83:1 Reprovado

Aa #D4804D sobre #E0C872 1,81:1 Reprovado

Aa #243D5C sobre #3E6958 1,77:1 Reprovado

Aa #5D7275 sobre #D4804D 1,69:1 Reprovado

Aa #5C8B93 sobre #3E6958 1,65:1 Reprovado

Aa #E3CFB4 sobre #B1A58D 1,60:1 Reprovado

Aa #624C3C sobre #5D7275 1,58:1 Reprovado

Aa #5C8B93 sobre #B03A48 1,57:1 Reprovado

Aa #5C8B93 sobre #B1A58D 1,55:1 Reprovado

Aa #B1A58D sobre #E0C872 1,47:1 Reprovado

Aa #D9AC8B sobre #D4804D 1,46:1 Reprovado

Aa #624C3C sobre #243D5C 1,38:1 Reprovado

Aa #624C3C sobre #B03A48 1,35:1 Reprovado

Aa #D9AC8B sobre #E3CFB4 1,35:1 Reprovado

Aa #5D7275 sobre #5C8B93 1,35:1 Reprovado

Aa #2B2821 sobre #243D5C 1,33:1 Reprovado

Aa #624C3C sobre #3E6958 1,29:1 Reprovado

Aa #5C8B93 sobre #D4804D 1,26:1 Reprovado

Aa #D9AC8B sobre #E0C872 1,24:1 Reprovado

Aa #5D7275 sobre #3E6958 1,23:1 Reprovado

Aa #B1A58D sobre #D4804D 1,23:1 Reprovado

Aa #D9AC8B sobre #B1A58D 1,18:1 Reprovado

Aa #5D7275 sobre #B03A48 1,16:1 Reprovado

Aa #E3CFB4 sobre #E0C872 1,09:1 Reprovado

Aa #B03A48 sobre #3E6958 1,05: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

Japanese Woodblock