Criar conta Criar conta
Art Hoe Aesthetic 7

Art Hoe Aesthetic 7

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

Voltar à biblioteca

Art Hoe Aesthetic 7

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

Editar
Terrosa 7 cores Fria Mista Complementar 7 blue yellow aesthetic
Curtidas 10
Cores 7

Variáveis CSS

:root {
  --c-earthy-1: #282A2A;
  --c-earthy-2: #544D46;
  --c-earthy-3: #DFD076;
  --c-earthy-4: #FFF399;
  --c-earthy-5: #CEFDFF;
  --c-earthy-6: #7FA3AC;
  --c-earthy-7: #2F4858;
}

Sobre esta paleta

Esta paleta terrosa de 7 cores vai de Pale Blue (#CEFDFF), o tom mais claro, até Chromaphobic Black (#282A2A), o mais escuro. Ela reúne Chromaphobic Black, Barnwood, Sand Pyramid, Goldilocks, Pale Blue, Ziggurat e Blue Wing Teal em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 10 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #282A2A sobre #CEFDFF, com 13,14: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

Chromaphobic Black #282A2A
RGB
rgb(40, 42, 42)
HSL
hsl(180, 2%, 16%)
Luminância
0,023
Barnwood #544D46
RGB
rgb(84, 77, 70)
HSL
hsl(30, 9%, 30%)
Luminância
0,076
Sand Pyramid #DFD076
RGB
rgb(223, 208, 118)
HSL
hsl(51, 62%, 67%)
Luminância
0,621
Goldilocks #FFF399
RGB
rgb(255, 243, 153)
HSL
hsl(53, 100%, 80%)
Luminância
0,877
Pale Blue #CEFDFF
RGB
rgb(206, 253, 255)
HSL
hsl(182, 100%, 90%)
Luminância
0,906
Ziggurat #7FA3AC
RGB
rgb(127, 163, 172)
HSL
hsl(192, 21%, 59%)
Luminância
0,337
Blue Wing Teal #2F4858
RGB
rgb(47, 72, 88)
HSL
hsl(203, 30%, 26%)
Luminância
0,059

Contraste e acessibilidade

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

Aa #282A2A sobre #CEFDFF 13,14:1 AAA
Aa #282A2A sobre #FFF399 12,74:1 AAA
Aa #282A2A sobre #DFD076 9,23:1 AAA
Aa #CEFDFF sobre #2F4858 8,73:1 AAA
Aa #FFF399 sobre #2F4858 8,47:1 AAA
Aa #544D46 sobre #CEFDFF 7,57:1 AAA
Aa #544D46 sobre #FFF399 7,33:1 AAA
Aa #DFD076 sobre #2F4858 6,13:1 AA
Aa #282A2A sobre #7FA3AC 5,32:1 AA
Aa #544D46 sobre #DFD076 5,31:1 AA
Aa #7FA3AC sobre #2F4858 3,53:1 AA, texto grande
Aa #544D46 sobre #7FA3AC 3,06:1 AA, texto grande
Aa #CEFDFF sobre #7FA3AC 2,47:1 Reprovado
Aa #FFF399 sobre #7FA3AC 2,40:1 Reprovado
Aa #282A2A sobre #544D46 1,74:1 Reprovado
Aa #DFD076 sobre #7FA3AC 1,73:1 Reprovado
Aa #282A2A sobre #2F4858 1,50:1 Reprovado
Aa #DFD076 sobre #CEFDFF 1,42:1 Reprovado
Aa #DFD076 sobre #FFF399 1,38:1 Reprovado
Aa #544D46 sobre #2F4858 1,15:1 Reprovado
Aa #FFF399 sobre #CEFDFF 1,03: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