Criar conta Criar conta
SeasonOfWishes

SeasonOfWishes

Paleta de 12 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

SeasonOfWishes

Paleta de 12 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Vibrante 12 cores Fria Mista Complementar sky stars christmas tree
Curtidas 21
Cores 12

Variáveis CSS

:root {
  --c-vibrant-1: #001E3D;
  --c-vibrant-2: #005C66;
  --c-vibrant-3: #22AB80;
  --c-vibrant-4: #7DFFD4;
  --c-vibrant-5: #A1411B;
  --c-vibrant-6: #DE9A26;
  --c-vibrant-7: #FFC68C;
  --c-vibrant-8: #E6FFF7;
  --c-vibrant-9: #3B001F;
  --c-vibrant-10: #5C1515;
  --c-vibrant-11: #A62121;
  --c-vibrant-12: #FF443B;
}

Sobre esta paleta

Esta paleta vibrante de 12 cores vai de Mint Chiffon (#E6FFF7), o tom mais claro, até Vienna Roast (#3B001F), o mais escuro. Ela reúne Midnight Mirage, Egyptian Enamel, Crayola Green, Hiroshima Aquamarine, Hot Brown, Tiger King, Bundaberg Sand, Mint Chiffon, Vienna Roast, Philippine Brown, Red Menace e Red Coral em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 25 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #E6FFF7 sobre #3B001F, com 16,6: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 Mirage #001E3D
RGB
rgb(0, 30, 61)
HSL
hsl(210, 100%, 12%)
Luminância
0,013
Egyptian Enamel #005C66
RGB
rgb(0, 92, 102)
HSL
hsl(186, 100%, 20%)
Luminância
0,086
Crayola Green #22AB80
RGB
rgb(34, 171, 128)
HSL
hsl(161, 67%, 40%)
Luminância
0,310
Hiroshima Aquamarine #7DFFD4
RGB
rgb(125, 255, 212)
HSL
hsl(160, 100%, 75%)
Luminância
0,806
Hot Brown #A1411B
RGB
rgb(161, 65, 27)
HSL
hsl(17, 71%, 37%)
Luminância
0,114
Tiger King #DE9A26
RGB
rgb(222, 154, 38)
HSL
hsl(38, 74%, 51%)
Luminância
0,388
Bundaberg Sand #FFC68C
RGB
rgb(255, 198, 140)
HSL
hsl(30, 100%, 77%)
Luminância
0,635
Mint Chiffon #E6FFF7
RGB
rgb(230, 255, 247)
HSL
hsl(161, 100%, 95%)
Luminância
0,951
Vienna Roast #3B001F
RGB
rgb(59, 0, 31)
HSL
hsl(328, 100%, 12%)
Luminância
0,010
Philippine Brown #5C1515
RGB
rgb(92, 21, 21)
HSL
hsl(0, 63%, 22%)
Luminância
0,029
Red Menace #A62121
RGB
rgb(166, 33, 33)
HSL
hsl(0, 67%, 39%)
Luminância
0,093
Red Coral #FF443B
RGB
rgb(255, 68, 59)
HSL
hsl(3, 100%, 62%)
Luminância
0,257

Contraste e acessibilidade

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

Aa #E6FFF7 sobre #3B001F 16,60:1 AAA
Aa #001E3D sobre #E6FFF7 15,97:1 AAA
Aa #7DFFD4 sobre #3B001F 14,20:1 AAA
Aa #001E3D sobre #7DFFD4 13,67:1 AAA
Aa #E6FFF7 sobre #5C1515 12,72:1 AAA
Aa #FFC68C sobre #3B001F 11,37:1 AAA
Aa #001E3D sobre #FFC68C 10,94:1 AAA
Aa #7DFFD4 sobre #5C1515 10,89:1 AAA
Aa #FFC68C sobre #5C1515 8,71:1 AAA
Aa #005C66 sobre #E6FFF7 7,35:1 AAA
Aa #DE9A26 sobre #3B001F 7,26:1 AAA
Aa #001E3D sobre #DE9A26 6,99:1 AA
Aa #E6FFF7 sobre #A62121 6,99:1 AA
Aa #005C66 sobre #7DFFD4 6,29:1 AA
Aa #A1411B sobre #E6FFF7 6,09:1 AA
Aa #7DFFD4 sobre #A62121 5,99:1 AA
Aa #22AB80 sobre #3B001F 5,98:1 AA
Aa #001E3D sobre #22AB80 5,75:1 AA
Aa #DE9A26 sobre #5C1515 5,57:1 AA
Aa #7DFFD4 sobre #A1411B 5,21:1 AA
Aa #3B001F sobre #FF443B 5,09:1 AA
Aa #005C66 sobre #FFC68C 5,03:1 AA
Aa #001E3D sobre #FF443B 4,90:1 AA
Aa #FFC68C sobre #A62121 4,79:1 AA
Aa #22AB80 sobre #5C1515 4,58:1 AA
Aa #A1411B sobre #FFC68C 4,17:1 AA, texto grande
Aa #5C1515 sobre #FF443B 3,90:1 AA, texto grande
Aa #E6FFF7 sobre #FF443B 3,26:1 AA, texto grande
Aa #005C66 sobre #DE9A26 3,22:1 AA, texto grande
Aa #DE9A26 sobre #A62121 3,06:1 AA, texto grande
Aa #7DFFD4 sobre #FF443B 2,79:1 Reprovado
Aa #22AB80 sobre #E6FFF7 2,78:1 Reprovado
Aa #A1411B sobre #3B001F 2,73:1 Reprovado
Aa #A1411B sobre #DE9A26 2,66:1 Reprovado
Aa #005C66 sobre #22AB80 2,65:1 Reprovado
Aa #001E3D sobre #A1411B 2,62:1 Reprovado
Aa #22AB80 sobre #A62121 2,52:1 Reprovado
Aa #22AB80 sobre #7DFFD4 2,38:1 Reprovado
Aa #3B001F sobre #A62121 2,37:1 Reprovado
Aa #DE9A26 sobre #E6FFF7 2,29:1 Reprovado
Aa #001E3D sobre #A62121 2,28:1 Reprovado
Aa #005C66 sobre #3B001F 2,26:1 Reprovado
Aa #005C66 sobre #FF443B 2,26:1 Reprovado
Aa #FFC68C sobre #FF443B 2,23:1 Reprovado
Aa #22AB80 sobre #A1411B 2,19:1 Reprovado
Aa #001E3D sobre #005C66 2,17:1 Reprovado
Aa #A62121 sobre #FF443B 2,15:1 Reprovado
Aa #A1411B sobre #5C1515 2,09:1 Reprovado
Aa #7DFFD4 sobre #DE9A26 1,96:1 Reprovado
Aa #22AB80 sobre #FFC68C 1,90:1 Reprovado
Aa #A1411B sobre #FF443B 1,87:1 Reprovado
Aa #5C1515 sobre #A62121 1,82:1 Reprovado
Aa #005C66 sobre #5C1515 1,73:1 Reprovado
Aa #DE9A26 sobre #FFC68C 1,57:1 Reprovado
Aa #FFC68C sobre #E6FFF7 1,46:1 Reprovado
Aa #DE9A26 sobre #FF443B 1,43:1 Reprovado
Aa #3B001F sobre #5C1515 1,30:1 Reprovado
Aa #001E3D sobre #5C1515 1,26:1 Reprovado
Aa #7DFFD4 sobre #FFC68C 1,25:1 Reprovado
Aa #22AB80 sobre #DE9A26 1,22:1 Reprovado
Aa #005C66 sobre #A1411B 1,21:1 Reprovado
Aa #22AB80 sobre #FF443B 1,17:1 Reprovado
Aa #7DFFD4 sobre #E6FFF7 1,17:1 Reprovado
Aa #A1411B sobre #A62121 1,15:1 Reprovado
Aa #005C66 sobre #A62121 1,05:1 Reprovado
Aa #001E3D sobre #3B001F 1,04: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