Criar conta Criar conta
Arch

Arch

Paleta de 11 cores · Fria · Mista · Harmonia: Análoga

Voltar à biblioteca

Arch

Paleta de 11 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Análoga

Editar
Sóbria 11 cores Fria Mista Análoga pink arch blurple 11colors
Curtidas 458
Cores 11

Variáveis CSS

:root {
  --c-muted-1: #323348;
  --c-muted-2: #3F4873;
  --c-muted-3: #4C5797;
  --c-muted-4: #616FAE;
  --c-muted-5: #757AB2;
  --c-muted-6: #9288BD;
  --c-muted-7: #A097C4;
  --c-muted-8: #D9B7D8;
  --c-muted-9: #FDC5C6;
  --c-muted-10: #FEE7D5;
  --c-muted-11: #FDFDFF;
}

Sobre esta paleta

Esta paleta sóbria de 11 cores vai de Pale Grey (#FDFDFF), o tom mais claro, até Deep Velvet (#323348), o mais escuro. Ela reúne Deep Velvet, Constellation Blue, Onion Skin Blue, Loch Ness, Ontario Violet, Heliotropic Mauve, Majestic Violet, French Lilac, Crystal Rose, Mood Lighting e Pale Grey em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #323348 sobre #FDFDFF, com 12,14: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

Deep Velvet #323348
RGB
rgb(50, 51, 72)
HSL
hsl(237, 18%, 24%)
Luminância
0,035
Constellation Blue #3F4873
RGB
rgb(63, 72, 115)
HSL
hsl(230, 29%, 35%)
Luminância
0,069
Onion Skin Blue #4C5797
RGB
rgb(76, 87, 151)
HSL
hsl(231, 33%, 45%)
Luminância
0,106
Loch Ness #616FAE
RGB
rgb(97, 111, 174)
HSL
hsl(229, 32%, 53%)
Luminância
0,170
Ontario Violet #757AB2
RGB
rgb(117, 122, 178)
HSL
hsl(235, 28%, 58%)
Luminância
0,209
Heliotropic Mauve #9288BD
RGB
rgb(146, 136, 189)
HSL
hsl(251, 29%, 64%)
Luminância
0,274
Majestic Violet #A097C4
RGB
rgb(160, 151, 196)
HSL
hsl(252, 28%, 68%)
Luminância
0,336
French Lilac #D9B7D8
RGB
rgb(217, 183, 216)
HSL
hsl(302, 31%, 78%)
Luminância
0,536
Crystal Rose #FDC5C6
RGB
rgb(253, 197, 198)
HSL
hsl(359, 93%, 88%)
Luminância
0,649
Mood Lighting #FEE7D5
RGB
rgb(254, 231, 213)
HSL
hsl(26, 95%, 92%)
Luminância
0,830
Pale Grey #FDFDFF
RGB
rgb(253, 253, 255)
HSL
hsl(240, 100%, 100%)
Luminância
0,984

Contraste e acessibilidade

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

Aa #323348 sobre #FDFDFF 12,14:1 AAA
Aa #323348 sobre #FEE7D5 10,34:1 AAA
Aa #3F4873 sobre #FDFDFF 8,66:1 AAA
Aa #323348 sobre #FDC5C6 8,21:1 AAA
Aa #3F4873 sobre #FEE7D5 7,38:1 AAA
Aa #323348 sobre #D9B7D8 6,88:1 AA
Aa #4C5797 sobre #FDFDFF 6,63:1 AA
Aa #3F4873 sobre #FDC5C6 5,86:1 AA
Aa #4C5797 sobre #FEE7D5 5,65:1 AA
Aa #3F4873 sobre #D9B7D8 4,91:1 AA
Aa #616FAE sobre #FDFDFF 4,71:1 AA
Aa #323348 sobre #A097C4 4,53:1 AA
Aa #4C5797 sobre #FDC5C6 4,48:1 AA, texto grande
Aa #616FAE sobre #FEE7D5 4,01:1 AA, texto grande
Aa #757AB2 sobre #FDFDFF 3,99:1 AA, texto grande
Aa #323348 sobre #9288BD 3,80:1 AA, texto grande
Aa #4C5797 sobre #D9B7D8 3,76:1 AA, texto grande
Aa #757AB2 sobre #FEE7D5 3,40:1 AA, texto grande
Aa #3F4873 sobre #A097C4 3,24:1 AA, texto grande
Aa #9288BD sobre #FDFDFF 3,19:1 AA, texto grande
Aa #616FAE sobre #FDC5C6 3,18:1 AA, texto grande
Aa #323348 sobre #757AB2 3,04:1 AA, texto grande
Aa #3F4873 sobre #9288BD 2,72:1 Reprovado
Aa #9288BD sobre #FEE7D5 2,72:1 Reprovado
Aa #757AB2 sobre #FDC5C6 2,70:1 Reprovado
Aa #A097C4 sobre #FDFDFF 2,68:1 Reprovado
Aa #616FAE sobre #D9B7D8 2,67:1 Reprovado
Aa #323348 sobre #616FAE 2,58:1 Reprovado
Aa #4C5797 sobre #A097C4 2,48:1 Reprovado
Aa #A097C4 sobre #FEE7D5 2,28:1 Reprovado
Aa #757AB2 sobre #D9B7D8 2,26:1 Reprovado
Aa #3F4873 sobre #757AB2 2,17:1 Reprovado
Aa #9288BD sobre #FDC5C6 2,16:1 Reprovado
Aa #4C5797 sobre #9288BD 2,08:1 Reprovado
Aa #3F4873 sobre #616FAE 1,84:1 Reprovado
Aa #323348 sobre #4C5797 1,83:1 Reprovado
Aa #9288BD sobre #D9B7D8 1,81:1 Reprovado
Aa #A097C4 sobre #FDC5C6 1,81:1 Reprovado
Aa #616FAE sobre #A097C4 1,76:1 Reprovado
Aa #D9B7D8 sobre #FDFDFF 1,76:1 Reprovado
Aa #4C5797 sobre #757AB2 1,66:1 Reprovado
Aa #A097C4 sobre #D9B7D8 1,52:1 Reprovado
Aa #D9B7D8 sobre #FEE7D5 1,50:1 Reprovado
Aa #757AB2 sobre #A097C4 1,49:1 Reprovado
Aa #FDC5C6 sobre #FDFDFF 1,48:1 Reprovado
Aa #616FAE sobre #9288BD 1,47:1 Reprovado
Aa #4C5797 sobre #616FAE 1,41:1 Reprovado
Aa #323348 sobre #3F4873 1,40:1 Reprovado
Aa #3F4873 sobre #4C5797 1,31:1 Reprovado
Aa #FDC5C6 sobre #FEE7D5 1,26:1 Reprovado
Aa #757AB2 sobre #9288BD 1,25:1 Reprovado
Aa #9288BD sobre #A097C4 1,19:1 Reprovado
Aa #D9B7D8 sobre #FDC5C6 1,19:1 Reprovado
Aa #616FAE sobre #757AB2 1,18:1 Reprovado
Aa #FEE7D5 sobre #FDFDFF 1,17: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