Criar conta Criar conta
H2O

H2O

Paleta de 10 cores · Fria · Escura · Harmonia: Triádica

Voltar à biblioteca

H2O

Paleta de 10 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Triádica

Editar
Sóbria 10 cores Fria Escura Triádica green blue lagoon
Curtidas 18
Cores 10

Variáveis CSS

:root {
  --c-muted-1: #090909;
  --c-muted-2: #18173C;
  --c-muted-3: #293329;
  --c-muted-4: #244457;
  --c-muted-5: #315C3D;
  --c-muted-6: #3B8271;
  --c-muted-7: #519A59;
  --c-muted-8: #92B0A8;
  --c-muted-9: #82CC92;
  --c-muted-10: #EFD7E6;
}

Sobre esta paleta

Esta paleta sóbria de 10 cores vai de All Made Up (#EFD7E6), o tom mais claro, até Badab Black Wash (#090909), o mais escuro. Ela reúne Badab Black Wash, Nightwalker, Gordons Green, Astronaut Blue, Verde Garrafa, Copper Mineral Green, Clover Patch, Delicate Green, Good Luck Charm e All Made Up em um único conjunto que você pode levar direto para uma interface. Dos seus 45 pares de cores, 14 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #090909 sobre #EFD7E6, com 14,73: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

Badab Black Wash #090909
RGB
rgb(9, 9, 9)
HSL
hsl(0, 0%, 4%)
Luminância
0,003
Nightwalker #18173C
RGB
rgb(24, 23, 60)
HSL
hsl(242, 45%, 16%)
Luminância
0,011
Gordons Green #293329
RGB
rgb(41, 51, 41)
HSL
hsl(120, 11%, 18%)
Luminância
0,030
Astronaut Blue #244457
RGB
rgb(36, 68, 87)
HSL
hsl(202, 41%, 24%)
Luminância
0,052
Verde Garrafa #315C3D
RGB
rgb(49, 92, 61)
HSL
hsl(137, 30%, 28%)
Luminância
0,086
Copper Mineral Green #3B8271
RGB
rgb(59, 130, 113)
HSL
hsl(166, 38%, 37%)
Luminância
0,181
Clover Patch #519A59
RGB
rgb(81, 154, 89)
HSL
hsl(127, 31%, 46%)
Luminância
0,256
Delicate Green #92B0A8
RGB
rgb(146, 176, 168)
HSL
hsl(164, 16%, 63%)
Luminância
0,400
Good Luck Charm #82CC92
RGB
rgb(130, 204, 146)
HSL
hsl(133, 42%, 65%)
Luminância
0,500
All Made Up #EFD7E6
RGB
rgb(239, 215, 230)
HSL
hsl(323, 43%, 89%)
Luminância
0,727

Contraste e acessibilidade

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

Aa #090909 sobre #EFD7E6 14,73:1 AAA
Aa #18173C sobre #EFD7E6 12,66:1 AAA
Aa #090909 sobre #82CC92 10,43:1 AAA
Aa #293329 sobre #EFD7E6 9,71:1 AAA
Aa #18173C sobre #82CC92 8,97:1 AAA
Aa #090909 sobre #92B0A8 8,53:1 AAA
Aa #244457 sobre #EFD7E6 7,62:1 AAA
Aa #18173C sobre #92B0A8 7,34:1 AAA
Aa #293329 sobre #82CC92 6,88:1 AA
Aa #090909 sobre #519A59 5,80:1 AA
Aa #315C3D sobre #EFD7E6 5,69:1 AA
Aa #293329 sobre #92B0A8 5,62:1 AA
Aa #244457 sobre #82CC92 5,39:1 AA
Aa #18173C sobre #519A59 4,99:1 AA
Aa #244457 sobre #92B0A8 4,41:1 AA, texto grande
Aa #090909 sobre #3B8271 4,38:1 AA, texto grande
Aa #315C3D sobre #82CC92 4,03:1 AA, texto grande
Aa #293329 sobre #519A59 3,82:1 AA, texto grande
Aa #18173C sobre #3B8271 3,76:1 AA, texto grande
Aa #3B8271 sobre #EFD7E6 3,36:1 AA, texto grande
Aa #315C3D sobre #92B0A8 3,30:1 AA, texto grande
Aa #244457 sobre #519A59 3,00:1 AA, texto grande
Aa #293329 sobre #3B8271 2,89:1 Reprovado
Aa #090909 sobre #315C3D 2,59:1 Reprovado
Aa #519A59 sobre #EFD7E6 2,54:1 Reprovado
Aa #3B8271 sobre #82CC92 2,38:1 Reprovado
Aa #244457 sobre #3B8271 2,26:1 Reprovado
Aa #315C3D sobre #519A59 2,24:1 Reprovado
Aa #18173C sobre #315C3D 2,22:1 Reprovado
Aa #3B8271 sobre #92B0A8 1,95:1 Reprovado
Aa #090909 sobre #244457 1,93:1 Reprovado
Aa #519A59 sobre #82CC92 1,80:1 Reprovado
Aa #92B0A8 sobre #EFD7E6 1,73:1 Reprovado
Aa #293329 sobre #315C3D 1,71:1 Reprovado
Aa #315C3D sobre #3B8271 1,69:1 Reprovado
Aa #18173C sobre #244457 1,66:1 Reprovado
Aa #090909 sobre #293329 1,52:1 Reprovado
Aa #519A59 sobre #92B0A8 1,47:1 Reprovado
Aa #82CC92 sobre #EFD7E6 1,41:1 Reprovado
Aa #244457 sobre #315C3D 1,34:1 Reprovado
Aa #3B8271 sobre #519A59 1,32:1 Reprovado
Aa #18173C sobre #293329 1,30:1 Reprovado
Aa #293329 sobre #244457 1,27:1 Reprovado
Aa #92B0A8 sobre #82CC92 1,22:1 Reprovado
Aa #090909 sobre #18173C 1,16: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