Criar conta Criar conta
Space Magic Cocaine Pyramid

Space Magic Cocaine Pyramid

Paleta de 9 cores · Neutra · Mista · Harmonia: Complementar

Voltar à biblioteca

Space Magic Cocaine Pyramid

Paleta de 9 cores · Temperatura: Neutra · Tonalidade: Mista · Harmonia: Complementar

Editar
Sóbria 9 cores Neutra Mista Complementar green purple soft space
Curtidas 46
Cores 9

Variáveis CSS

:root {
  --c-muted-1: #100A18;
  --c-muted-2: #311B50;
  --c-muted-3: #472970;
  --c-muted-4: #6D538F;
  --c-muted-5: #62CF85;
  --c-muted-6: #9CCF62;
  --c-muted-7: #A5F7B6;
  --c-muted-8: #924BEF;
  --c-muted-9: #A981DF;
}

Sobre esta paleta

Esta paleta sóbria de 9 cores vai de Light Seafoam Green (#A5F7B6), o tom mais claro, até Midnight Oil (#100A18), o mais escuro. Ela reúne Midnight Oil, Russian Violet, Abra Purple, Pure Mauve, Spring Bouquet, Be Spontaneous, Light Seafoam Green, Pericallis Hybrida e Lavender Blossom em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #100A18 sobre #A5F7B6, com 15,37: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

Midnight Oil #100A18
RGB
rgb(16, 10, 24)
HSL
hsl(266, 41%, 7%)
Luminância
0,004
Russian Violet #311B50
RGB
rgb(49, 27, 80)
HSL
hsl(265, 50%, 21%)
Luminância
0,020
Abra Purple #472970
RGB
rgb(71, 41, 112)
HSL
hsl(265, 46%, 30%)
Luminância
0,041
Pure Mauve #6D538F
RGB
rgb(109, 83, 143)
HSL
hsl(266, 27%, 44%)
Luminância
0,114
Spring Bouquet #62CF85
RGB
rgb(98, 207, 133)
HSL
hsl(139, 53%, 60%)
Luminância
0,489
Be Spontaneous #9CCF62
RGB
rgb(156, 207, 98)
HSL
hsl(88, 53%, 60%)
Luminância
0,526
Light Seafoam Green #A5F7B6
RGB
rgb(165, 247, 182)
HSL
hsl(132, 84%, 81%)
Luminância
0,779
Pericallis Hybrida #924BEF
RGB
rgb(146, 75, 239)
HSL
hsl(266, 84%, 62%)
Luminância
0,174
Lavender Blossom #A981DF
RGB
rgb(169, 129, 223)
HSL
hsl(266, 59%, 69%)
Luminância
0,295

Contraste e acessibilidade

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

Aa #100A18 sobre #A5F7B6 15,37:1 AAA
Aa #311B50 sobre #A5F7B6 11,82:1 AAA
Aa #100A18 sobre #9CCF62 10,68:1 AAA
Aa #100A18 sobre #62CF85 10,00:1 AAA
Aa #472970 sobre #A5F7B6 9,11:1 AAA
Aa #311B50 sobre #9CCF62 8,21:1 AAA
Aa #311B50 sobre #62CF85 7,68:1 AAA
Aa #100A18 sobre #A981DF 6,39:1 AA
Aa #472970 sobre #9CCF62 6,33:1 AA
Aa #472970 sobre #62CF85 5,93:1 AA
Aa #6D538F sobre #A5F7B6 5,05:1 AA
Aa #311B50 sobre #A981DF 4,91:1 AA
Aa #100A18 sobre #924BEF 4,15:1 AA, texto grande
Aa #472970 sobre #A981DF 3,79:1 AA, texto grande
Aa #A5F7B6 sobre #924BEF 3,70:1 AA, texto grande
Aa #6D538F sobre #9CCF62 3,51:1 AA, texto grande
Aa #6D538F sobre #62CF85 3,28:1 AA, texto grande
Aa #311B50 sobre #924BEF 3,19:1 AA, texto grande
Aa #100A18 sobre #6D538F 3,04:1 AA, texto grande
Aa #9CCF62 sobre #924BEF 2,57:1 Reprovado
Aa #472970 sobre #924BEF 2,46:1 Reprovado
Aa #62CF85 sobre #924BEF 2,41:1 Reprovado
Aa #A5F7B6 sobre #A981DF 2,41:1 Reprovado
Aa #311B50 sobre #6D538F 2,34:1 Reprovado
Aa #6D538F sobre #A981DF 2,10:1 Reprovado
Aa #472970 sobre #6D538F 1,81:1 Reprovado
Aa #100A18 sobre #472970 1,69:1 Reprovado
Aa #9CCF62 sobre #A981DF 1,67:1 Reprovado
Aa #62CF85 sobre #A981DF 1,56:1 Reprovado
Aa #62CF85 sobre #A5F7B6 1,54:1 Reprovado
Aa #924BEF sobre #A981DF 1,54:1 Reprovado
Aa #9CCF62 sobre #A5F7B6 1,44:1 Reprovado
Aa #6D538F sobre #924BEF 1,36:1 Reprovado
Aa #100A18 sobre #311B50 1,30:1 Reprovado
Aa #311B50 sobre #472970 1,30:1 Reprovado
Aa #62CF85 sobre #9CCF62 1,07:1 Reprovado

Paletas semelhantes

#EDF1D6 #9DC08B #609966 #40513B
4 cores
#F5F7F8 #F4CE14 #495E57 #45474B
4 cores
#222831 #393E46 #FFD369 #EEEEEE
4 cores
#000000 #52057B #892CDC #BC6FF1
4 cores
#213555 #3E5879 #D8C4B6 #F5EFE7
4 cores
#F5EFE7 #D8C4B6 #4F709C #213555
4 cores
#191A19 #1E5128 #4E9F3D #D8E9A8
4 cores
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 cores