Criar conta Criar conta
LoveOS

LoveOS

Paleta de 9 cores · Quente · Mista · Harmonia: Monocromática

Voltar à biblioteca

LoveOS

Paleta de 9 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Monocromática

Editar
Terrosa 9 cores Quente Mista Monocromática white red computer software
Curtidas 59
Cores 9

Variáveis CSS

:root {
  --c-earthy-1: #E6DEDD;
  --c-earthy-2: #BFB4B3;
  --c-earthy-3: #8E8287;
  --c-earthy-4: #4D4A4B;
  --c-earthy-5: #232324;
  --c-earthy-6: #090909;
  --c-earthy-7: #E22929;
  --c-earthy-8: #AF1B26;
  --c-earthy-9: #800D28;
}

Sobre esta paleta

Esta paleta terrosa de 9 cores vai de Cumberland Sausage (#E6DEDD), o tom mais claro, até Badab Black Wash (#090909), o mais escuro. Ela reúne Cumberland Sausage, Pink Swan, Mauve Jazz, Bastion Grey, Verified Black, Badab Black Wash, Permanent Geranium Lake, Salsa e Heavy Heart em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 9 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #E6DEDD sobre #090909, com 15,04: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

Cumberland Sausage #E6DEDD
RGB
rgb(230, 222, 221)
HSL
hsl(7, 15%, 88%)
Luminância
0,743
Pink Swan #BFB4B3
RGB
rgb(191, 180, 179)
HSL
hsl(5, 9%, 73%)
Luminância
0,470
Mauve Jazz #8E8287
RGB
rgb(142, 130, 135)
HSL
hsl(335, 5%, 53%)
Luminância
0,235
Bastion Grey #4D4A4B
RGB
rgb(77, 74, 75)
HSL
hsl(340, 2%, 30%)
Luminância
0,070
Verified Black #232324
RGB
rgb(35, 35, 36)
HSL
hsl(240, 1%, 14%)
Luminância
0,017
Badab Black Wash #090909
RGB
rgb(9, 9, 9)
HSL
hsl(0, 0%, 4%)
Luminância
0,003
Permanent Geranium Lake #E22929
RGB
rgb(226, 41, 41)
HSL
hsl(0, 76%, 52%)
Luminância
0,179
Salsa #AF1B26
RGB
rgb(175, 27, 38)
HSL
hsl(356, 73%, 40%)
Luminância
0,100
Heavy Heart #800D28
RGB
rgb(128, 13, 40)
HSL
hsl(346, 82%, 28%)
Luminância
0,050

Contraste e acessibilidade

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

Aa #E6DEDD sobre #090909 15,04:1 AAA
Aa #E6DEDD sobre #232324 11,86:1 AAA
Aa #BFB4B3 sobre #090909 9,86:1 AAA
Aa #E6DEDD sobre #800D28 7,90:1 AAA
Aa #BFB4B3 sobre #232324 7,77:1 AAA
Aa #E6DEDD sobre #4D4A4B 6,62:1 AA
Aa #8E8287 sobre #090909 5,40:1 AA
Aa #E6DEDD sobre #AF1B26 5,27:1 AA
Aa #BFB4B3 sobre #800D28 5,18:1 AA
Aa #090909 sobre #E22929 4,35:1 AA, texto grande
Aa #BFB4B3 sobre #4D4A4B 4,34:1 AA, texto grande
Aa #8E8287 sobre #232324 4,26:1 AA, texto grande
Aa #E6DEDD sobre #E22929 3,46:1 AA, texto grande
Aa #BFB4B3 sobre #AF1B26 3,46:1 AA, texto grande
Aa #232324 sobre #E22929 3,43:1 AA, texto grande
Aa #090909 sobre #AF1B26 2,85:1 Reprovado
Aa #8E8287 sobre #800D28 2,84:1 Reprovado
Aa #E6DEDD sobre #8E8287 2,79:1 Reprovado
Aa #8E8287 sobre #4D4A4B 2,38:1 Reprovado
Aa #E22929 sobre #800D28 2,28:1 Reprovado
Aa #BFB4B3 sobre #E22929 2,27:1 Reprovado
Aa #4D4A4B sobre #090909 2,27:1 Reprovado
Aa #232324 sobre #AF1B26 2,25:1 Reprovado
Aa #4D4A4B sobre #E22929 1,91:1 Reprovado
Aa #090909 sobre #800D28 1,90:1 Reprovado
Aa #8E8287 sobre #AF1B26 1,89:1 Reprovado
Aa #BFB4B3 sobre #8E8287 1,83:1 Reprovado
Aa #4D4A4B sobre #232324 1,79:1 Reprovado
Aa #E6DEDD sobre #BFB4B3 1,53:1 Reprovado
Aa #E22929 sobre #AF1B26 1,52:1 Reprovado
Aa #232324 sobre #800D28 1,50:1 Reprovado
Aa #AF1B26 sobre #800D28 1,50:1 Reprovado
Aa #232324 sobre #090909 1,27:1 Reprovado
Aa #4D4A4B sobre #AF1B26 1,25:1 Reprovado
Aa #8E8287 sobre #E22929 1,24:1 Reprovado
Aa #4D4A4B sobre #800D28 1,19: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