Criar conta Criar conta
Windswept

Windswept

Paleta de 10 cores · Fria · Escura · Harmonia: Monocromática

Voltar à biblioteca

Windswept

Paleta de 10 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Monocromática

Editar
Sóbria 10 cores Fria Escura Monocromática green dark blue cold
Curtidas 56
Cores 10

Variáveis CSS

:root {
  --c-muted-1: #101211;
  --c-muted-2: #171B1C;
  --c-muted-3: #1D2621;
  --c-muted-4: #242B33;
  --c-muted-5: #2F353A;
  --c-muted-6: #2F4349;
  --c-muted-7: #424F53;
  --c-muted-8: #4E615C;
  --c-muted-9: #5F6E62;
  --c-muted-10: #657C6E;
}

Sobre esta paleta

Esta paleta sóbria de 10 cores vai de Atlas Cedar Green (#657C6E), o tom mais claro, até Dreamless Sleep (#101211), o mais escuro. Ela reúne Dreamless Sleep, Gluon Grey, Shadow Warrior, Sky Captain, Inkwell, Little Mermaid, Lunar Eclipse, Vert Pierre, Windrock e Atlas Cedar Green em um único conjunto que você pode levar direto para uma interface. Nenhum dos 45 pares de cores da paleta atinge o limiar de contraste WCAG AA (4,5:1); por isso, combine essas cores com preto ou branco no texto corrido.

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

Dreamless Sleep #101211
RGB
rgb(16, 18, 17)
HSL
hsl(150, 6%, 7%)
Luminância
0,006
Gluon Grey #171B1C
RGB
rgb(23, 27, 28)
HSL
hsl(192, 10%, 10%)
Luminância
0,011
Shadow Warrior #1D2621
RGB
rgb(29, 38, 33)
HSL
hsl(147, 13%, 13%)
Luminância
0,018
Sky Captain #242B33
RGB
rgb(36, 43, 51)
HSL
hsl(212, 17%, 17%)
Luminância
0,023
Inkwell #2F353A
RGB
rgb(47, 53, 58)
HSL
hsl(207, 10%, 21%)
Luminância
0,035
Little Mermaid #2F4349
RGB
rgb(47, 67, 73)
HSL
hsl(194, 22%, 24%)
Luminância
0,051
Lunar Eclipse #424F53
RGB
rgb(66, 79, 83)
HSL
hsl(194, 11%, 29%)
Luminância
0,074
Vert Pierre #4E615C
RGB
rgb(78, 97, 92)
HSL
hsl(164, 11%, 34%)
Luminância
0,109
Windrock #5F6E62
RGB
rgb(95, 110, 98)
HSL
hsl(132, 7%, 40%)
Luminância
0,145
Atlas Cedar Green #657C6E
RGB
rgb(101, 124, 110)
HSL
hsl(143, 10%, 44%)
Luminância
0,183

Contraste e acessibilidade

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

Aa #101211 sobre #657C6E 4,17:1 AA, texto grande
Aa #171B1C sobre #657C6E 3,85:1 AA, texto grande
Aa #101211 sobre #5F6E62 3,49:1 AA, texto grande
Aa #1D2621 sobre #657C6E 3,45:1 AA, texto grande
Aa #171B1C sobre #5F6E62 3,22:1 AA, texto grande
Aa #242B33 sobre #657C6E 3,17:1 AA, texto grande
Aa #1D2621 sobre #5F6E62 2,88:1 Reprovado
Aa #101211 sobre #4E615C 2,86:1 Reprovado
Aa #2F353A sobre #657C6E 2,76:1 Reprovado
Aa #242B33 sobre #5F6E62 2,65:1 Reprovado
Aa #171B1C sobre #4E615C 2,64:1 Reprovado
Aa #1D2621 sobre #4E615C 2,36:1 Reprovado
Aa #2F4349 sobre #657C6E 2,31:1 Reprovado
Aa #2F353A sobre #5F6E62 2,30:1 Reprovado
Aa #101211 sobre #424F53 2,22:1 Reprovado
Aa #242B33 sobre #4E615C 2,17:1 Reprovado
Aa #171B1C sobre #424F53 2,05:1 Reprovado
Aa #2F4349 sobre #5F6E62 1,93:1 Reprovado
Aa #2F353A sobre #4E615C 1,89:1 Reprovado
Aa #424F53 sobre #657C6E 1,88:1 Reprovado
Aa #1D2621 sobre #424F53 1,83:1 Reprovado
Aa #101211 sobre #2F4349 1,81:1 Reprovado
Aa #242B33 sobre #424F53 1,69:1 Reprovado
Aa #171B1C sobre #2F4349 1,67:1 Reprovado
Aa #2F4349 sobre #4E615C 1,58:1 Reprovado
Aa #424F53 sobre #5F6E62 1,57:1 Reprovado
Aa #101211 sobre #2F353A 1,51:1 Reprovado
Aa #1D2621 sobre #2F4349 1,49:1 Reprovado
Aa #2F353A sobre #424F53 1,46:1 Reprovado
Aa #4E615C sobre #657C6E 1,46:1 Reprovado
Aa #171B1C sobre #2F353A 1,40:1 Reprovado
Aa #242B33 sobre #2F4349 1,38:1 Reprovado
Aa #101211 sobre #242B33 1,31:1 Reprovado
Aa #424F53 sobre #4E615C 1,29:1 Reprovado
Aa #1D2621 sobre #2F353A 1,25:1 Reprovado
Aa #2F4349 sobre #424F53 1,23:1 Reprovado
Aa #4E615C sobre #5F6E62 1,22:1 Reprovado
Aa #101211 sobre #1D2621 1,21:1 Reprovado
Aa #171B1C sobre #242B33 1,21:1 Reprovado
Aa #5F6E62 sobre #657C6E 1,20:1 Reprovado
Aa #2F353A sobre #2F4349 1,19:1 Reprovado
Aa #242B33 sobre #2F353A 1,15:1 Reprovado
Aa #171B1C sobre #1D2621 1,12:1 Reprovado
Aa #1D2621 sobre #242B33 1,09:1 Reprovado
Aa #101211 sobre #171B1C 1,08: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