Criar conta Criar conta
CC 12

CC 12

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

Voltar à biblioteca

CC 12

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

Editar
Sóbria 12 cores Fria Mista Triádica simple 12color colorful bright
Curtidas 20
Cores 12

Variáveis CSS

:root {
  --c-muted-1: #5F5652;
  --c-muted-2: #919C8C;
  --c-muted-3: #E4EBF0;
  --c-muted-4: #1E173F;
  --c-muted-5: #7542B7;
  --c-muted-6: #E64DEE;
  --c-muted-7: #1A7194;
  --c-muted-8: #44CA9D;
  --c-muted-9: #A9EB3E;
  --c-muted-10: #C83822;
  --c-muted-11: #E98E51;
  --c-muted-12: #FFFAA7;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Lemon Slice (#FFFAA7), o tom mais claro, até Prune Plum (#1E173F), o mais escuro. Ela reúne Timber Brown, Charcoal Tint, Himalaya Peaks, Prune Plum, Purple Rain, Lake Retba Pink, Bateau, Mint Jelly, Dynamic Green, Red Sauce Parlour, Toasted Husk e Lemon Slice em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 16 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #1E173F sobre #FFFAA7, com 15,59: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

Timber Brown #5F5652
RGB
rgb(95, 86, 82)
HSL
hsl(18, 7%, 35%)
Luminância
0,097
Charcoal Tint #919C8C
RGB
rgb(145, 156, 140)
HSL
hsl(101, 7%, 58%)
Luminância
0,317
Himalaya Peaks #E4EBF0
RGB
rgb(228, 235, 240)
HSL
hsl(205, 29%, 92%)
Luminância
0,822
Prune Plum #1E173F
RGB
rgb(30, 23, 63)
HSL
hsl(251, 47%, 17%)
Luminância
0,013
Purple Rain #7542B7
RGB
rgb(117, 66, 183)
HSL
hsl(266, 47%, 49%)
Luminância
0,111
Lake Retba Pink #E64DEE
RGB
rgb(230, 77, 238)
HSL
hsl(297, 83%, 62%)
Luminância
0,283
Bateau #1A7194
RGB
rgb(26, 113, 148)
HSL
hsl(197, 70%, 34%)
Luminância
0,142
Mint Jelly #44CA9D
RGB
rgb(68, 202, 157)
HSL
hsl(160, 56%, 53%)
Luminância
0,459
Dynamic Green #A9EB3E
RGB
rgb(169, 235, 62)
HSL
hsl(83, 81%, 58%)
Luminância
0,682
Red Sauce Parlour #C83822
RGB
rgb(200, 56, 34)
HSL
hsl(8, 71%, 46%)
Luminância
0,152
Toasted Husk #E98E51
RGB
rgb(233, 142, 81)
HSL
hsl(24, 78%, 62%)
Luminância
0,373
Lemon Slice #FFFAA7
RGB
rgb(255, 250, 167)
HSL
hsl(57, 100%, 83%)
Luminância
0,924

Contraste e acessibilidade

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

Aa #1E173F sobre #FFFAA7 15,59:1 AAA
Aa #E4EBF0 sobre #1E173F 13,96:1 AAA
Aa #1E173F sobre #A9EB3E 11,72:1 AAA
Aa #1E173F sobre #44CA9D 8,15:1 AAA
Aa #1E173F sobre #E98E51 6,76:1 AA
Aa #5F5652 sobre #FFFAA7 6,63:1 AA
Aa #7542B7 sobre #FFFAA7 6,05:1 AA
Aa #5F5652 sobre #E4EBF0 5,93:1 AA
Aa #919C8C sobre #1E173F 5,87:1 AA
Aa #E4EBF0 sobre #7542B7 5,42:1 AA
Aa #1E173F sobre #E64DEE 5,33:1 AA
Aa #1A7194 sobre #FFFAA7 5,08:1 AA
Aa #5F5652 sobre #A9EB3E 4,98:1 AA
Aa #C83822 sobre #FFFAA7 4,82:1 AA
Aa #E4EBF0 sobre #1A7194 4,55:1 AA
Aa #7542B7 sobre #A9EB3E 4,55:1 AA
Aa #E4EBF0 sobre #C83822 4,31:1 AA, texto grande
Aa #1A7194 sobre #A9EB3E 3,82:1 AA, texto grande
Aa #A9EB3E sobre #C83822 3,62:1 AA, texto grande
Aa #5F5652 sobre #44CA9D 3,46:1 AA, texto grande
Aa #1E173F sobre #C83822 3,24:1 AA, texto grande
Aa #7542B7 sobre #44CA9D 3,16:1 AA, texto grande
Aa #1E173F sobre #1A7194 3,07:1 AA, texto grande
Aa #E64DEE sobre #FFFAA7 2,93:1 Reprovado
Aa #5F5652 sobre #E98E51 2,88:1 Reprovado
Aa #919C8C sobre #FFFAA7 2,66:1 Reprovado
Aa #1A7194 sobre #44CA9D 2,66:1 Reprovado
Aa #7542B7 sobre #E98E51 2,63:1 Reprovado
Aa #E4EBF0 sobre #E64DEE 2,62:1 Reprovado
Aa #1E173F sobre #7542B7 2,58:1 Reprovado
Aa #44CA9D sobre #C83822 2,52:1 Reprovado
Aa #5F5652 sobre #919C8C 2,50:1 Reprovado
Aa #919C8C sobre #E4EBF0 2,38:1 Reprovado
Aa #5F5652 sobre #1E173F 2,35:1 Reprovado
Aa #E98E51 sobre #FFFAA7 2,31:1 Reprovado
Aa #919C8C sobre #7542B7 2,28:1 Reprovado
Aa #5F5652 sobre #E64DEE 2,27:1 Reprovado
Aa #E64DEE sobre #A9EB3E 2,20:1 Reprovado
Aa #1A7194 sobre #E98E51 2,20:1 Reprovado
Aa #C83822 sobre #E98E51 2,09:1 Reprovado
Aa #7542B7 sobre #E64DEE 2,07:1 Reprovado
Aa #E4EBF0 sobre #E98E51 2,06:1 Reprovado
Aa #919C8C sobre #A9EB3E 2,00:1 Reprovado
Aa #919C8C sobre #1A7194 1,91:1 Reprovado
Aa #44CA9D sobre #FFFAA7 1,91:1 Reprovado
Aa #919C8C sobre #C83822 1,81:1 Reprovado
Aa #E64DEE sobre #1A7194 1,74:1 Reprovado
Aa #A9EB3E sobre #E98E51 1,73:1 Reprovado
Aa #E4EBF0 sobre #44CA9D 1,71:1 Reprovado
Aa #E64DEE sobre #C83822 1,65:1 Reprovado
Aa #E64DEE sobre #44CA9D 1,53:1 Reprovado
Aa #44CA9D sobre #A9EB3E 1,44:1 Reprovado
Aa #919C8C sobre #44CA9D 1,39:1 Reprovado
Aa #5F5652 sobre #C83822 1,38:1 Reprovado
Aa #A9EB3E sobre #FFFAA7 1,33:1 Reprovado
Aa #5F5652 sobre #1A7194 1,30:1 Reprovado
Aa #E64DEE sobre #E98E51 1,27:1 Reprovado
Aa #7542B7 sobre #C83822 1,26:1 Reprovado
Aa #44CA9D sobre #E98E51 1,20:1 Reprovado
Aa #E4EBF0 sobre #A9EB3E 1,19:1 Reprovado
Aa #7542B7 sobre #1A7194 1,19:1 Reprovado
Aa #919C8C sobre #E98E51 1,15:1 Reprovado
Aa #E4EBF0 sobre #FFFAA7 1,12:1 Reprovado
Aa #5F5652 sobre #7542B7 1,10:1 Reprovado
Aa #919C8C sobre #E64DEE 1,10:1 Reprovado
Aa #1A7194 sobre #C83822 1,06: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