Criar conta Criar conta
Paleta “Dark Rift” de 4 cores

Paleta “Dark Rift” de 4 cores

Paleta de 4 cores · Fria · Escura · Harmonia: Análoga

Voltar à biblioteca

Paleta “Dark Rift” de 4 cores

Paleta de 4 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Análoga

Editar
Sóbria 4 cores Fria Escura Análoga
Curtidas 19.130
Cores 4

Variáveis CSS

:root {
  --c-muted-1: #040D12;
  --c-muted-2: #183D3D;
  --c-muted-3: #5C8374;
  --c-muted-4: #93B1A6;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Vintage Vessel (#93B1A6), o tom mais claro, até Dark Rift (#040D12), o mais escuro. Ela reúne Dark Rift, Botanical Night, Cutty Sark e Vintage Vessel em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #040D12 sobre #93B1A6, com 8,47:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

Dark Rift #040D12
RGB
rgb(4, 13, 18)
HSL
hsl(201, 64%, 4%)
Luminância
0,004
Botanical Night #183D3D
RGB
rgb(24, 61, 61)
HSL
hsl(180, 44%, 17%)
Luminância
0,039
Cutty Sark #5C8374
RGB
rgb(92, 131, 116)
HSL
hsl(157, 17%, 44%)
Luminância
0,198
Vintage Vessel #93B1A6
RGB
rgb(147, 177, 166)
HSL
hsl(158, 16%, 64%)
Luminância
0,404

Contraste e acessibilidade

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

Aa #040D12 sobre #93B1A6 8,47:1 AAA
Aa #183D3D sobre #93B1A6 5,12:1 AA
Aa #040D12 sobre #5C8374 4,62:1 AA
Aa #183D3D sobre #5C8374 2,79:1 Reprovado
Aa #5C8374 sobre #93B1A6 1,83:1 Reprovado
Aa #040D12 sobre #183D3D 1,66:1 Reprovado

Paletas semelhantes

#212121 #323232 #0D7377 #14FFEC
4 cores
#0A2647 #144272 #205295 #2C74B3
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
#261C2C #3E2C41 #5C527F #6E85B2
4 cores