Criar conta Criar conta
Serene12

Serene12

Paleta de 12 cores · Fria · Mista · Harmonia: Triádica

Voltar à biblioteca

Serene12

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Triádica

Editar
Sóbria 12 cores Fria Mista Triádica colorful nature 9 serene
Curtidas 25
Cores 12

Variáveis CSS

:root {
  --c-muted-1: #515D7B;
  --c-muted-2: #697B95;
  --c-muted-3: #9FB2CF;
  --c-muted-4: #667258;
  --c-muted-5: #7F956D;
  --c-muted-6: #A0C68D;
  --c-muted-7: #463E37;
  --c-muted-8: #807560;
  --c-muted-9: #ABA17F;
  --c-muted-10: #9AABA4;
  --c-muted-11: #B9C6BE;
  --c-muted-12: #D8E9E0;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Clear Camouflage Green (#D8E9E0), o tom mais claro, até Turkish Coffee (#463E37), o mais escuro. Ela reúne Coastal Fjord, Blue Suede, Stellar Blue, French Tarragon, Green Eyes, Cos, Turkish Coffee, Swamp, Ruskin Room Green, Halcyon Green, Inviting Veranda e Clear Camouflage Green em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #463E37 sobre #D8E9E0, com 8,31: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

Coastal Fjord #515D7B
RGB
rgb(81, 93, 123)
HSL
hsl(223, 21%, 40%)
Luminância
0,110
Blue Suede #697B95
RGB
rgb(105, 123, 149)
HSL
hsl(215, 17%, 50%)
Luminância
0,193
Stellar Blue #9FB2CF
RGB
rgb(159, 178, 207)
HSL
hsl(216, 33%, 72%)
Luminância
0,437
French Tarragon #667258
RGB
rgb(102, 114, 88)
HSL
hsl(88, 13%, 40%)
Luminância
0,156
Green Eyes #7F956D
RGB
rgb(127, 149, 109)
HSL
hsl(93, 16%, 51%)
Luminância
0,271
Cos #A0C68D
RGB
rgb(160, 198, 141)
HSL
hsl(100, 33%, 66%)
Luminância
0,498
Turkish Coffee #463E37
RGB
rgb(70, 62, 55)
HSL
hsl(28, 12%, 25%)
Luminância
0,050
Swamp #807560
RGB
rgb(128, 117, 96)
HSL
hsl(39, 14%, 44%)
Luminância
0,182
Ruskin Room Green #ABA17F
RGB
rgb(171, 161, 127)
HSL
hsl(46, 21%, 58%)
Luminância
0,357
Halcyon Green #9AABA4
RGB
rgb(154, 171, 164)
HSL
hsl(155, 9%, 64%)
Luminância
0,387
Inviting Veranda #B9C6BE
RGB
rgb(185, 198, 190)
HSL
hsl(143, 10%, 75%)
Luminância
0,544
Clear Camouflage Green #D8E9E0
RGB
rgb(216, 233, 224)
HSL
hsl(148, 28%, 88%)
Luminância
0,783

Contraste e acessibilidade

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

Aa #463E37 sobre #D8E9E0 8,31:1 AAA
Aa #463E37 sobre #B9C6BE 5,93:1 AA
Aa #A0C68D sobre #463E37 5,47:1 AA
Aa #515D7B sobre #D8E9E0 5,20:1 AA
Aa #9FB2CF sobre #463E37 4,86:1 AA
Aa #463E37 sobre #9AABA4 4,36:1 AA, texto grande
Aa #463E37 sobre #ABA17F 4,06:1 AA, texto grande
Aa #667258 sobre #D8E9E0 4,05:1 AA, texto grande
Aa #515D7B sobre #B9C6BE 3,71:1 AA, texto grande
Aa #807560 sobre #D8E9E0 3,60:1 AA, texto grande
Aa #515D7B sobre #A0C68D 3,42:1 AA, texto grande
Aa #697B95 sobre #D8E9E0 3,42:1 AA, texto grande
Aa #7F956D sobre #463E37 3,20:1 AA, texto grande
Aa #515D7B sobre #9FB2CF 3,04:1 AA, texto grande
Aa #667258 sobre #B9C6BE 2,89:1 Reprovado
Aa #515D7B sobre #9AABA4 2,73:1 Reprovado
Aa #667258 sobre #A0C68D 2,66:1 Reprovado
Aa #7F956D sobre #D8E9E0 2,59:1 Reprovado
Aa #807560 sobre #B9C6BE 2,57:1 Reprovado
Aa #515D7B sobre #ABA17F 2,54:1 Reprovado
Aa #697B95 sobre #B9C6BE 2,44:1 Reprovado
Aa #697B95 sobre #463E37 2,43:1 Reprovado
Aa #9FB2CF sobre #667258 2,37:1 Reprovado
Aa #A0C68D sobre #807560 2,37:1 Reprovado
Aa #463E37 sobre #807560 2,31:1 Reprovado
Aa #697B95 sobre #A0C68D 2,25:1 Reprovado
Aa #667258 sobre #9AABA4 2,12:1 Reprovado
Aa #9FB2CF sobre #807560 2,10:1 Reprovado
Aa #667258 sobre #463E37 2,05:1 Reprovado
Aa #ABA17F sobre #D8E9E0 2,05:1 Reprovado
Aa #515D7B sobre #7F956D 2,01:1 Reprovado
Aa #697B95 sobre #9FB2CF 2,00:1 Reprovado
Aa #667258 sobre #ABA17F 1,98:1 Reprovado
Aa #9AABA4 sobre #D8E9E0 1,91:1 Reprovado
Aa #807560 sobre #9AABA4 1,89:1 Reprovado
Aa #7F956D sobre #B9C6BE 1,85:1 Reprovado
Aa #697B95 sobre #9AABA4 1,79:1 Reprovado
Aa #807560 sobre #ABA17F 1,76:1 Reprovado
Aa #9FB2CF sobre #D8E9E0 1,71:1 Reprovado
Aa #7F956D sobre #A0C68D 1,71:1 Reprovado
Aa #697B95 sobre #ABA17F 1,67:1 Reprovado
Aa #515D7B sobre #463E37 1,60:1 Reprovado
Aa #667258 sobre #7F956D 1,56:1 Reprovado
Aa #515D7B sobre #697B95 1,52:1 Reprovado
Aa #9FB2CF sobre #7F956D 1,52:1 Reprovado
Aa #A0C68D sobre #D8E9E0 1,52:1 Reprovado
Aa #ABA17F sobre #B9C6BE 1,46:1 Reprovado
Aa #515D7B sobre #807560 1,45:1 Reprovado
Aa #B9C6BE sobre #D8E9E0 1,40:1 Reprovado
Aa #7F956D sobre #807560 1,39:1 Reprovado
Aa #7F956D sobre #9AABA4 1,36:1 Reprovado
Aa #9AABA4 sobre #B9C6BE 1,36:1 Reprovado
Aa #A0C68D sobre #ABA17F 1,35:1 Reprovado
Aa #697B95 sobre #7F956D 1,32:1 Reprovado
Aa #515D7B sobre #667258 1,28:1 Reprovado
Aa #7F956D sobre #ABA17F 1,27:1 Reprovado
Aa #A0C68D sobre #9AABA4 1,25:1 Reprovado
Aa #9FB2CF sobre #B9C6BE 1,22:1 Reprovado
Aa #9FB2CF sobre #ABA17F 1,20:1 Reprovado
Aa #697B95 sobre #667258 1,18:1 Reprovado
Aa #667258 sobre #807560 1,13:1 Reprovado
Aa #9FB2CF sobre #A0C68D 1,12:1 Reprovado
Aa #9FB2CF sobre #9AABA4 1,12:1 Reprovado
Aa #A0C68D sobre #B9C6BE 1,08:1 Reprovado
Aa #ABA17F sobre #9AABA4 1,07:1 Reprovado
Aa #697B95 sobre #807560 1,05:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores