Criar conta Criar conta
SweetHope

SweetHope

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

Voltar à biblioteca

SweetHope

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

Editar
Terrosa 8 cores Fria Clara Complementar artist pastel 8 saturated
Curtidas 382
Cores 8

Variáveis CSS

:root {
  --c-earthy-1: #615E85;
  --c-earthy-2: #9C8DC2;
  --c-earthy-3: #D9A3CD;
  --c-earthy-4: #EBC3A7;
  --c-earthy-5: #E0E0DC;
  --c-earthy-6: #A3D1AF;
  --c-earthy-7: #90B4DE;
  --c-earthy-8: #717FB0;
}

Sobre esta paleta

Esta paleta terrosa de 8 cores vai de City Brume (#E0E0DC), o tom mais claro, até Purple Balloon (#615E85), o mais escuro. Ela reúne Purple Balloon, Hermosa, Chateau Rose, Alesan, City Brume, Merrylyn, Echo Isles Water e Venture Violet em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 1 atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #615E85 sobre #E0E0DC, com 4,6: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

Purple Balloon #615E85
RGB
rgb(97, 94, 133)
HSL
hsl(245, 17%, 45%)
Luminância
0,122
Hermosa #9C8DC2
RGB
rgb(156, 141, 194)
HSL
hsl(257, 30%, 66%)
Luminância
0,300
Chateau Rose #D9A3CD
RGB
rgb(217, 163, 205)
HSL
hsl(313, 42%, 75%)
Luminância
0,454
Alesan #EBC3A7
RGB
rgb(235, 195, 167)
HSL
hsl(25, 63%, 79%)
Luminância
0,595
City Brume #E0E0DC
RGB
rgb(224, 224, 220)
HSL
hsl(60, 6%, 87%)
Luminância
0,743
Merrylyn #A3D1AF
RGB
rgb(163, 209, 175)
HSL
hsl(136, 33%, 73%)
Luminância
0,565
Echo Isles Water #90B4DE
RGB
rgb(144, 180, 222)
HSL
hsl(212, 54%, 72%)
Luminância
0,439
Venture Violet #717FB0
RGB
rgb(113, 127, 176)
HSL
hsl(227, 29%, 57%)
Luminância
0,218

Contraste e acessibilidade

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

Aa #615E85 sobre #E0E0DC 4,60:1 AA
Aa #615E85 sobre #EBC3A7 3,74:1 AA, texto grande
Aa #615E85 sobre #A3D1AF 3,57:1 AA, texto grande
Aa #E0E0DC sobre #717FB0 2,96:1 Reprovado
Aa #615E85 sobre #D9A3CD 2,92:1 Reprovado
Aa #615E85 sobre #90B4DE 2,83:1 Reprovado
Aa #EBC3A7 sobre #717FB0 2,40:1 Reprovado
Aa #A3D1AF sobre #717FB0 2,29:1 Reprovado
Aa #9C8DC2 sobre #E0E0DC 2,27:1 Reprovado
Aa #615E85 sobre #9C8DC2 2,03:1 Reprovado
Aa #D9A3CD sobre #717FB0 1,88:1 Reprovado
Aa #9C8DC2 sobre #EBC3A7 1,84:1 Reprovado
Aa #90B4DE sobre #717FB0 1,82:1 Reprovado
Aa #9C8DC2 sobre #A3D1AF 1,76:1 Reprovado
Aa #E0E0DC sobre #90B4DE 1,62:1 Reprovado
Aa #D9A3CD sobre #E0E0DC 1,58:1 Reprovado
Aa #615E85 sobre #717FB0 1,56:1 Reprovado
Aa #9C8DC2 sobre #D9A3CD 1,44:1 Reprovado
Aa #9C8DC2 sobre #90B4DE 1,40:1 Reprovado
Aa #EBC3A7 sobre #90B4DE 1,32:1 Reprovado
Aa #9C8DC2 sobre #717FB0 1,31:1 Reprovado
Aa #E0E0DC sobre #A3D1AF 1,29:1 Reprovado
Aa #D9A3CD sobre #EBC3A7 1,28:1 Reprovado
Aa #A3D1AF sobre #90B4DE 1,26:1 Reprovado
Aa #EBC3A7 sobre #E0E0DC 1,23:1 Reprovado
Aa #D9A3CD sobre #A3D1AF 1,22:1 Reprovado
Aa #EBC3A7 sobre #A3D1AF 1,05:1 Reprovado
Aa #D9A3CD sobre #90B4DE 1,03:1 Reprovado

Paletas semelhantes

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 cores
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 cores
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 cores
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 cores
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 cores
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 cores
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 cores
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 cores