Criar conta Criar conta
Merry 12

Merry 12

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

Voltar à biblioteca

Merry 12

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

Editar
Sóbria 12 cores Fria Mista Triádica gray green white red
Curtidas 31
Cores 12

Variáveis CSS

:root {
  --c-muted-1: #1B1F1D;
  --c-muted-2: #2E3A43;
  --c-muted-3: #5A7880;
  --c-muted-4: #9DB9C6;
  --c-muted-5: #F2F2F2;
  --c-muted-6: #A8ED77;
  --c-muted-7: #5FBC62;
  --c-muted-8: #326D42;
  --c-muted-9: #E2CB7C;
  --c-muted-10: #CF7E53;
  --c-muted-11: #932443;
  --c-muted-12: #493127;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Bleached Silk (#F2F2F2), o tom mais claro, até Satin Deep Black (#1B1F1D), o mais escuro. Ela reúne Satin Deep Black, Precision, Hampton Surf, Déjà Blue, Bleached Silk, Lima, Lawn Party, Genever Green, Blossom Yellow, Apricot Buff, Berry Rossi e Rojo Marrón em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 20 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #1B1F1D sobre #F2F2F2, com 14,88: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

Satin Deep Black #1B1F1D
RGB
rgb(27, 31, 29)
HSL
hsl(150, 7%, 11%)
Luminância
0,013
Precision #2E3A43
RGB
rgb(46, 58, 67)
HSL
hsl(206, 19%, 22%)
Luminância
0,040
Hampton Surf #5A7880
RGB
rgb(90, 120, 128)
HSL
hsl(193, 17%, 43%)
Luminância
0,172
Déjà Blue #9DB9C6
RGB
rgb(157, 185, 198)
HSL
hsl(199, 26%, 70%)
Luminância
0,459
Bleached Silk #F2F2F2
RGB
rgb(242, 242, 242)
HSL
hsl(0, 0%, 95%)
Luminância
0,888
Lima #A8ED77
RGB
rgb(168, 237, 119)
HSL
hsl(95, 77%, 70%)
Luminância
0,702
Lawn Party #5FBC62
RGB
rgb(95, 188, 98)
HSL
hsl(122, 41%, 55%)
Luminância
0,393
Genever Green #326D42
RGB
rgb(50, 109, 66)
HSL
hsl(136, 37%, 31%)
Luminância
0,120
Blossom Yellow #E2CB7C
RGB
rgb(226, 203, 124)
HSL
hsl(46, 64%, 69%)
Luminância
0,603
Apricot Buff #CF7E53
RGB
rgb(207, 126, 83)
HSL
hsl(21, 56%, 57%)
Luminância
0,288
Berry Rossi #932443
RGB
rgb(147, 36, 67)
HSL
hsl(343, 61%, 36%)
Luminância
0,079
Rojo Marrón #493127
RGB
rgb(73, 49, 39)
HSL
hsl(18, 30%, 22%)
Luminância
0,038

Contraste e acessibilidade

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

Aa #1B1F1D sobre #F2F2F2 14,88:1 AAA
Aa #1B1F1D sobre #A8ED77 11,94:1 AAA
Aa #F2F2F2 sobre #493127 10,71:1 AAA
Aa #2E3A43 sobre #F2F2F2 10,41:1 AAA
Aa #1B1F1D sobre #E2CB7C 10,37:1 AAA
Aa #A8ED77 sobre #493127 8,59:1 AAA
Aa #2E3A43 sobre #A8ED77 8,35:1 AAA
Aa #1B1F1D sobre #9DB9C6 8,08:1 AAA
Aa #E2CB7C sobre #493127 7,46:1 AAA
Aa #F2F2F2 sobre #932443 7,29:1 AAA
Aa #2E3A43 sobre #E2CB7C 7,25:1 AAA
Aa #1B1F1D sobre #5FBC62 7,03:1 AAA
Aa #A8ED77 sobre #932443 5,84:1 AA
Aa #9DB9C6 sobre #493127 5,82:1 AA
Aa #2E3A43 sobre #9DB9C6 5,65:1 AA
Aa #F2F2F2 sobre #326D42 5,51:1 AA
Aa #1B1F1D sobre #CF7E53 5,37:1 AA
Aa #E2CB7C sobre #932443 5,08:1 AA
Aa #5FBC62 sobre #493127 5,06:1 AA
Aa #2E3A43 sobre #5FBC62 4,91:1 AA
Aa #A8ED77 sobre #326D42 4,42:1 AA, texto grande
Aa #5A7880 sobre #F2F2F2 4,23:1 AA, texto grande
Aa #9DB9C6 sobre #932443 3,96:1 AA, texto grande
Aa #CF7E53 sobre #493127 3,86:1 AA, texto grande
Aa #326D42 sobre #E2CB7C 3,84:1 AA, texto grande
Aa #2E3A43 sobre #CF7E53 3,75:1 AA, texto grande
Aa #1B1F1D sobre #5A7880 3,52:1 AA, texto grande
Aa #5FBC62 sobre #932443 3,44:1 AA, texto grande
Aa #5A7880 sobre #A8ED77 3,39:1 AA, texto grande
Aa #9DB9C6 sobre #326D42 3,00:1 AA, texto grande
Aa #5A7880 sobre #E2CB7C 2,95:1 Reprovado
Aa #F2F2F2 sobre #CF7E53 2,77:1 Reprovado
Aa #1B1F1D sobre #326D42 2,70:1 Reprovado
Aa #CF7E53 sobre #932443 2,63:1 Reprovado
Aa #5FBC62 sobre #326D42 2,60:1 Reprovado
Aa #5A7880 sobre #493127 2,53:1 Reprovado
Aa #2E3A43 sobre #5A7880 2,46:1 Reprovado
Aa #5A7880 sobre #9DB9C6 2,30:1 Reprovado
Aa #A8ED77 sobre #CF7E53 2,22:1 Reprovado
Aa #F2F2F2 sobre #5FBC62 2,12:1 Reprovado
Aa #1B1F1D sobre #932443 2,04:1 Reprovado
Aa #5A7880 sobre #5FBC62 2,00:1 Reprovado
Aa #326D42 sobre #CF7E53 1,99:1 Reprovado
Aa #326D42 sobre #493127 1,94:1 Reprovado
Aa #E2CB7C sobre #CF7E53 1,93:1 Reprovado
Aa #2E3A43 sobre #326D42 1,89:1 Reprovado
Aa #9DB9C6 sobre #F2F2F2 1,84:1 Reprovado
Aa #5A7880 sobre #932443 1,72:1 Reprovado
Aa #A8ED77 sobre #5FBC62 1,70:1 Reprovado
Aa #5A7880 sobre #CF7E53 1,53:1 Reprovado
Aa #9DB9C6 sobre #CF7E53 1,51:1 Reprovado
Aa #9DB9C6 sobre #A8ED77 1,48:1 Reprovado
Aa #5FBC62 sobre #E2CB7C 1,48:1 Reprovado
Aa #932443 sobre #493127 1,47:1 Reprovado
Aa #F2F2F2 sobre #E2CB7C 1,44:1 Reprovado
Aa #1B1F1D sobre #2E3A43 1,43:1 Reprovado
Aa #2E3A43 sobre #932443 1,43:1 Reprovado
Aa #1B1F1D sobre #493127 1,39:1 Reprovado
Aa #326D42 sobre #932443 1,32:1 Reprovado
Aa #5FBC62 sobre #CF7E53 1,31:1 Reprovado
Aa #5A7880 sobre #326D42 1,30:1 Reprovado
Aa #9DB9C6 sobre #E2CB7C 1,28:1 Reprovado
Aa #F2F2F2 sobre #A8ED77 1,25:1 Reprovado
Aa #9DB9C6 sobre #5FBC62 1,15:1 Reprovado
Aa #A8ED77 sobre #E2CB7C 1,15:1 Reprovado
Aa #2E3A43 sobre #493127 1,03: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