Criar conta Criar conta
Sea & Seaweed

Sea & Seaweed

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

Voltar à biblioteca

Sea & Seaweed

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

Editar
Terrosa 8 cores Fria Escura Complementar
Curtidas 26
Cores 8

Variáveis CSS

:root {
  --c-earthy-1: #98C1D9;
  --c-earthy-2: #06AED5;
  --c-earthy-3: #086788;
  --c-earthy-4: #1B4353;
  --c-earthy-5: #48233C;
  --c-earthy-6: #31081F;
  --c-earthy-7: #4B644A;
  --c-earthy-8: #26413C;
}

Sobre esta paleta

Esta paleta terrosa de 8 cores vai de January Frost (#98C1D9), o tom mais claro, até Vienna Roast (#31081F), o mais escuro. Ela reúne January Frost, Malibu Blue, Ansel, Blue Syzygy, Prestige Mauve, Vienna Roast, Vizcaya Palm e Pine Grove em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 6 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #98C1D9 sobre #31081F, com 9,25: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

January Frost #98C1D9
RGB
rgb(152, 193, 217)
HSL
hsl(202, 46%, 72%)
Luminância
0,498
Malibu Blue #06AED5
RGB
rgb(6, 174, 213)
HSL
hsl(191, 95%, 43%)
Luminância
0,351
Ansel #086788
RGB
rgb(8, 103, 136)
HSL
hsl(195, 89%, 28%)
Luminância
0,115
Blue Syzygy #1B4353
RGB
rgb(27, 67, 83)
HSL
hsl(197, 51%, 22%)
Luminância
0,049
Prestige Mauve #48233C
RGB
rgb(72, 35, 60)
HSL
hsl(319, 35%, 21%)
Luminância
0,029
Vienna Roast #31081F
RGB
rgb(49, 8, 31)
HSL
hsl(326, 72%, 11%)
Luminância
0,009
Vizcaya Palm #4B644A
RGB
rgb(75, 100, 74)
HSL
hsl(118, 15%, 34%)
Luminância
0,111
Pine Grove #26413C
RGB
rgb(38, 65, 60)
HSL
hsl(169, 26%, 20%)
Luminância
0,045

Contraste e acessibilidade

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

Aa #98C1D9 sobre #31081F 9,25:1 AAA
Aa #98C1D9 sobre #48233C 6,93:1 AA
Aa #06AED5 sobre #31081F 6,77:1 AA
Aa #98C1D9 sobre #26413C 5,76:1 AA
Aa #98C1D9 sobre #1B4353 5,55:1 AA
Aa #06AED5 sobre #48233C 5,07:1 AA
Aa #06AED5 sobre #26413C 4,21:1 AA, texto grande
Aa #06AED5 sobre #1B4353 4,06:1 AA, texto grande
Aa #98C1D9 sobre #4B644A 3,40:1 AA, texto grande
Aa #98C1D9 sobre #086788 3,32:1 AA, texto grande
Aa #086788 sobre #31081F 2,79:1 Reprovado
Aa #31081F sobre #4B644A 2,72:1 Reprovado
Aa #06AED5 sobre #4B644A 2,49:1 Reprovado
Aa #06AED5 sobre #086788 2,43:1 Reprovado
Aa #086788 sobre #48233C 2,09:1 Reprovado
Aa #48233C sobre #4B644A 2,04:1 Reprovado
Aa #086788 sobre #26413C 1,74:1 Reprovado
Aa #4B644A sobre #26413C 1,69:1 Reprovado
Aa #086788 sobre #1B4353 1,67:1 Reprovado
Aa #1B4353 sobre #31081F 1,67:1 Reprovado
Aa #1B4353 sobre #4B644A 1,63:1 Reprovado
Aa #31081F sobre #26413C 1,61:1 Reprovado
Aa #98C1D9 sobre #06AED5 1,37:1 Reprovado
Aa #48233C sobre #31081F 1,33:1 Reprovado
Aa #1B4353 sobre #48233C 1,25:1 Reprovado
Aa #48233C sobre #26413C 1,20:1 Reprovado
Aa #1B4353 sobre #26413C 1,04:1 Reprovado
Aa #086788 sobre #4B644A 1,03:1 Reprovado

Paletas semelhantes

#212121 #323232 #0D7377 #14FFEC
4 cores
#0A2647 #144272 #205295 #2C74B3
4 cores
#040D12 #183D3D #5C8374 #93B1A6
4 cores
#142850 #27496D #0C7B93 #00A8CC
4 cores
#635985 #443C68 #393053 #18122B
4 cores
#000000 #150050 #3F0071 #610094
4 cores
#151515 #301B3F #3C415C #B4A5A5
4 cores
#041C32 #04293A #064663 #ECB365
4 cores