Criar conta Criar conta
Wizards Breath 34

Wizards Breath 34

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

Voltar à biblioteca

Wizards Breath 34

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

Editar
Sóbria 11 cores Fria Mista Triádica
Curtidas 6
Cores 11

Variáveis CSS

:root {
  --c-muted-1: #354F5A;
  --c-muted-2: #54929E;
  --c-muted-3: #5BC5A6;
  --c-muted-4: #B1FFAD;
  --c-muted-5: #DBFFC4;
  --c-muted-6: #121212;
  --c-muted-7: #FFFFFF;
  --c-muted-8: #9EF53B;
  --c-muted-9: #63C930;
  --c-muted-10: #7C4D3B;
  --c-muted-11: #552D2D;
}

Sobre esta paleta

Esta paleta sóbria de 11 cores vai de White (#FFFFFF), o tom mais claro, até Dark Tone Ink (#121212), o mais escuro. Ela reúne Aircraft Blue, Sail Cover, Mermaid’s Kiss, Creamy Mint, Herbal Vapours, Dark Tone Ink, White, Kiwi Pulp, Green High, Cheeky Chestnut e Bratwurst em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 21 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #121212 sobre #FFFFFF, com 18,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

Aircraft Blue #354F5A
RGB
rgb(53, 79, 90)
HSL
hsl(198, 26%, 28%)
Luminância
0,071
Sail Cover #54929E
RGB
rgb(84, 146, 158)
HSL
hsl(190, 31%, 47%)
Luminância
0,249
Mermaid’s Kiss #5BC5A6
RGB
rgb(91, 197, 166)
HSL
hsl(162, 48%, 56%)
Luminância
0,449
Creamy Mint #B1FFAD
RGB
rgb(177, 255, 173)
HSL
hsl(117, 100%, 84%)
Luminância
0,839
Herbal Vapours #DBFFC4
RGB
rgb(219, 255, 196)
HSL
hsl(97, 100%, 88%)
Luminância
0,906
Dark Tone Ink #121212
RGB
rgb(18, 18, 18)
HSL
hsl(0, 0%, 7%)
Luminância
0,006
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminância
1,000
Kiwi Pulp #9EF53B
RGB
rgb(158, 245, 59)
HSL
hsl(88, 90%, 60%)
Luminância
0,729
Green High #63C930
RGB
rgb(99, 201, 48)
HSL
hsl(100, 61%, 49%)
Luminância
0,446
Cheeky Chestnut #7C4D3B
RGB
rgb(124, 77, 59)
HSL
hsl(17, 36%, 36%)
Luminância
0,099
Bratwurst #552D2D
RGB
rgb(85, 45, 45)
HSL
hsl(0, 31%, 25%)
Luminância
0,040

Contraste e acessibilidade

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

Aa #121212 sobre #FFFFFF 18,73:1 AAA
Aa #DBFFC4 sobre #121212 17,05:1 AAA
Aa #B1FFAD sobre #121212 15,86:1 AAA
Aa #121212 sobre #9EF53B 13,90:1 AAA
Aa #FFFFFF sobre #552D2D 11,67:1 AAA
Aa #DBFFC4 sobre #552D2D 10,62:1 AAA
Aa #B1FFAD sobre #552D2D 9,88:1 AAA
Aa #5BC5A6 sobre #121212 8,90:1 AAA
Aa #121212 sobre #63C930 8,86:1 AAA
Aa #354F5A sobre #FFFFFF 8,69:1 AAA
Aa #9EF53B sobre #552D2D 8,66:1 AAA
Aa #354F5A sobre #DBFFC4 7,91:1 AAA
Aa #354F5A sobre #B1FFAD 7,35:1 AAA
Aa #FFFFFF sobre #7C4D3B 7,04:1 AAA
Aa #354F5A sobre #9EF53B 6,44:1 AA
Aa #DBFFC4 sobre #7C4D3B 6,41:1 AA
Aa #B1FFAD sobre #7C4D3B 5,96:1 AA
Aa #5BC5A6 sobre #552D2D 5,55:1 AA
Aa #63C930 sobre #552D2D 5,52:1 AA
Aa #54929E sobre #121212 5,34:1 AA
Aa #9EF53B sobre #7C4D3B 5,22:1 AA
Aa #354F5A sobre #5BC5A6 4,13:1 AA, texto grande
Aa #354F5A sobre #63C930 4,11:1 AA, texto grande
Aa #54929E sobre #FFFFFF 3,51:1 AA, texto grande
Aa #5BC5A6 sobre #7C4D3B 3,35:1 AA, texto grande
Aa #63C930 sobre #7C4D3B 3,33:1 AA, texto grande
Aa #54929E sobre #552D2D 3,32:1 AA, texto grande
Aa #54929E sobre #DBFFC4 3,19:1 AA, texto grande
Aa #54929E sobre #B1FFAD 2,97:1 Reprovado
Aa #121212 sobre #7C4D3B 2,66:1 Reprovado
Aa #54929E sobre #9EF53B 2,60:1 Reprovado
Aa #354F5A sobre #54929E 2,47:1 Reprovado
Aa #354F5A sobre #121212 2,16:1 Reprovado
Aa #FFFFFF sobre #63C930 2,12:1 Reprovado
Aa #5BC5A6 sobre #FFFFFF 2,10:1 Reprovado
Aa #54929E sobre #7C4D3B 2,01:1 Reprovado
Aa #DBFFC4 sobre #63C930 1,93:1 Reprovado
Aa #5BC5A6 sobre #DBFFC4 1,91:1 Reprovado
Aa #B1FFAD sobre #63C930 1,79:1 Reprovado
Aa #5BC5A6 sobre #B1FFAD 1,78:1 Reprovado
Aa #54929E sobre #5BC5A6 1,67:1 Reprovado
Aa #54929E sobre #63C930 1,66:1 Reprovado
Aa #7C4D3B sobre #552D2D 1,66:1 Reprovado
Aa #121212 sobre #552D2D 1,61:1 Reprovado
Aa #9EF53B sobre #63C930 1,57:1 Reprovado
Aa #5BC5A6 sobre #9EF53B 1,56:1 Reprovado
Aa #FFFFFF sobre #9EF53B 1,35:1 Reprovado
Aa #354F5A sobre #552D2D 1,34:1 Reprovado
Aa #354F5A sobre #7C4D3B 1,23:1 Reprovado
Aa #DBFFC4 sobre #9EF53B 1,23:1 Reprovado
Aa #B1FFAD sobre #FFFFFF 1,18:1 Reprovado
Aa #B1FFAD sobre #9EF53B 1,14:1 Reprovado
Aa #DBFFC4 sobre #FFFFFF 1,10:1 Reprovado
Aa #B1FFAD sobre #DBFFC4 1,08:1 Reprovado
Aa #5BC5A6 sobre #63C930 1,01: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