Criar conta Criar conta
Primary 8

Primary 8

Paleta de 8 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

Primary 8

Paleta de 8 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Terrosa 8 cores Fria Mista Complementar isasstudio
Curtidas 56
Cores 8

Variáveis CSS

:root {
  --c-earthy-1: #F5FFE0;
  --c-earthy-2: #1B1926;
  --c-earthy-3: #262157;
  --c-earthy-4: #323DA1;
  --c-earthy-5: #BD2F40;
  --c-earthy-6: #F0E143;
  --c-earthy-7: #6CA84D;
  --c-earthy-8: #23574D;
}

Sobre esta paleta

Esta paleta terrosa de 8 cores vai de Milk Foam (#F5FFE0), o tom mais claro, até Coarse Wool (#1B1926), o mais escuro. Ela reúne Milk Foam, Coarse Wool, Spacescape, Liquid Denim, Crimson Cloud, Golden Snitch, Fern Flash e Forest Biome em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 11 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #F5FFE0 sobre #1B1926, com 16,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

Milk Foam #F5FFE0
RGB
rgb(245, 255, 224)
HSL
hsl(79, 100%, 94%)
Luminância
0,963
Coarse Wool #1B1926
RGB
rgb(27, 25, 38)
HSL
hsl(249, 21%, 12%)
Luminância
0,011
Spacescape #262157
RGB
rgb(38, 33, 87)
HSL
hsl(246, 45%, 24%)
Luminância
0,022
Liquid Denim #323DA1
RGB
rgb(50, 61, 161)
HSL
hsl(234, 53%, 41%)
Luminância
0,066
Crimson Cloud #BD2F40
RGB
rgb(189, 47, 64)
HSL
hsl(353, 60%, 46%)
Luminância
0,132
Golden Snitch #F0E143
RGB
rgb(240, 225, 67)
HSL
hsl(55, 85%, 60%)
Luminância
0,728
Fern Flash #6CA84D
RGB
rgb(108, 168, 77)
HSL
hsl(100, 37%, 48%)
Luminância
0,317
Forest Biome #23574D
RGB
rgb(35, 87, 77)
HSL
hsl(168, 43%, 24%)
Luminância
0,077

Contraste e acessibilidade

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

Aa #F5FFE0 sobre #1B1926 16,70:1 AAA
Aa #F5FFE0 sobre #262157 14,10:1 AAA
Aa #1B1926 sobre #F0E143 12,82:1 AAA
Aa #262157 sobre #F0E143 10,82:1 AAA
Aa #F5FFE0 sobre #323DA1 8,74:1 AAA
Aa #F5FFE0 sobre #23574D 7,97:1 AAA
Aa #323DA1 sobre #F0E143 6,71:1 AA
Aa #F0E143 sobre #23574D 6,12:1 AA
Aa #1B1926 sobre #6CA84D 6,05:1 AA
Aa #F5FFE0 sobre #BD2F40 5,56:1 AA
Aa #262157 sobre #6CA84D 5,11:1 AA
Aa #BD2F40 sobre #F0E143 4,27:1 AA, texto grande
Aa #323DA1 sobre #6CA84D 3,17:1 AA, texto grande
Aa #1B1926 sobre #BD2F40 3,00:1 AA, texto grande
Aa #6CA84D sobre #23574D 2,89:1 Reprovado
Aa #F5FFE0 sobre #6CA84D 2,76:1 Reprovado
Aa #262157 sobre #BD2F40 2,54:1 Reprovado
Aa #F0E143 sobre #6CA84D 2,12:1 Reprovado
Aa #1B1926 sobre #23574D 2,09:1 Reprovado
Aa #BD2F40 sobre #6CA84D 2,02:1 Reprovado
Aa #1B1926 sobre #323DA1 1,91:1 Reprovado
Aa #262157 sobre #23574D 1,77:1 Reprovado
Aa #262157 sobre #323DA1 1,61:1 Reprovado
Aa #323DA1 sobre #BD2F40 1,57:1 Reprovado
Aa #BD2F40 sobre #23574D 1,43:1 Reprovado
Aa #F5FFE0 sobre #F0E143 1,30:1 Reprovado
Aa #1B1926 sobre #262157 1,18:1 Reprovado
Aa #323DA1 sobre #23574D 1,10:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores