Paleta “Merlin’s Cloak” de 4 cores

Paleta “Merlin’s Cloak” de 4 cores

Paleta de 4 cores · Neutra · Escura · Harmonia: Triádica

Paleta “Merlin’s Cloak” de 4 cores

Paleta de 4 cores · Temperatura: Neutra · Tonalidade: Escura · Harmonia: Triádica

Editar
Sóbria 4 cores Neutra Escura Triádica
Curtidas 6.892
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #4B5D67;
  --c-muted-2: #322F3D;
  --c-muted-3: #59405C;
  --c-muted-4: #87556F;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Merlin’s Cloak (#87556F), o tom mais claro, até Deep Well (#322F3D), o mais escuro. Ela reúne Shot Over, Deep Well, Navy Cosmos e Merlin’s Cloak em um único conjunto que você pode levar direto para uma interface. Nenhum dos 6 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

Shot Over #4B5D67
RGB
rgb(75, 93, 103)
HSL
hsl(201, 16%, 35%)
Luminância
0,103
Deep Well #322F3D
RGB
rgb(50, 47, 61)
HSL
hsl(253, 13%, 21%)
Luminância
0,031
Navy Cosmos #59405C
RGB
rgb(89, 64, 92)
HSL
hsl(294, 18%, 31%)
Luminância
0,066
Merlin’s Cloak #87556F
RGB
rgb(135, 85, 111)
HSL
hsl(329, 23%, 43%)
Luminância
0,128

Contraste e acessibilidade

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

Aa #322F3D sobre #87556F 2,21:1 Reprovado
Aa #4B5D67 sobre #322F3D 1,90:1 Reprovado
Aa #59405C sobre #87556F 1,54:1 Reprovado
Aa #322F3D sobre #59405C 1,44:1 Reprovado
Aa #4B5D67 sobre #59405C 1,32:1 Reprovado
Aa #4B5D67 sobre #87556F 1,16:1 Reprovado

Paletas semelhantes

#000000 #3E065F #700B97 #8E05C2
4 cores
#000000 #150050 #3F0071 #FB2576
4 cores
#000000 #3E432E #616F39 #A7D129
4 cores
#18230F #27391C #255F38 #1F7D53
4 cores
#FF5200 #6F0000 #00263B #00A1AB
4 cores
#000000 #0F6292 #16FF00 #FFED00
4 cores
#251D3A #2A2550 #E04D01 #FF7700
4 cores
#FFA900 #9D8221 #014441 #01252A
4 cores