Criar conta Criar conta
Poison Ukka

Poison Ukka

Paleta de 11 cores · Quente · Escura · Harmonia: Monocromática

Voltar à biblioteca

Poison Ukka

Paleta de 11 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Monocromática

Editar
Sóbria 11 cores Quente Escura Monocromática polyphrog grey stone
Curtidas 48
Cores 11

Variáveis CSS

:root {
  --c-muted-1: #1C1210;
  --c-muted-2: #302B26;
  --c-muted-3: #333439;
  --c-muted-4: #473B45;
  --c-muted-5: #454D42;
  --c-muted-6: #5B5248;
  --c-muted-7: #6D6D64;
  --c-muted-8: #77826B;
  --c-muted-9: #809494;
  --c-muted-10: #BEBEA3;
  --c-muted-11: #E9E7E6;
}

Sobre esta paleta

Esta paleta sóbria de 11 cores vai de Deep Daigi White (#E9E7E6), o tom mais claro, até Scandinavian Liquorice (#1C1210), o mais escuro. Ela reúne Scandinavian Liquorice, Noir, Dark Kettle Black, Eclectic Purple, Ancient Pine, Tarmac, Bonsai Trunk, Gazebo Green, Raindance, Mint Frost e Deep Daigi White em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 13 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #1C1210 sobre #E9E7E6, com 14,9: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

Scandinavian Liquorice #1C1210
RGB
rgb(28, 18, 16)
HSL
hsl(10, 27%, 9%)
Luminância
0,007
Noir #302B26
RGB
rgb(48, 43, 38)
HSL
hsl(30, 12%, 17%)
Luminância
0,025
Dark Kettle Black #333439
RGB
rgb(51, 52, 57)
HSL
hsl(230, 6%, 21%)
Luminância
0,035
Eclectic Purple #473B45
RGB
rgb(71, 59, 69)
HSL
hsl(310, 9%, 25%)
Luminância
0,049
Ancient Pine #454D42
RGB
rgb(69, 77, 66)
HSL
hsl(104, 8%, 28%)
Luminância
0,070
Tarmac #5B5248
RGB
rgb(91, 82, 72)
HSL
hsl(32, 12%, 32%)
Luminância
0,087
Bonsai Trunk #6D6D64
RGB
rgb(109, 109, 100)
HSL
hsl(60, 4%, 41%)
Luminância
0,151
Gazebo Green #77826B
RGB
rgb(119, 130, 107)
HSL
hsl(89, 10%, 46%)
Luminância
0,210
Raindance #809494
RGB
rgb(128, 148, 148)
HSL
hsl(180, 9%, 54%)
Luminância
0,279
Mint Frost #BEBEA3
RGB
rgb(190, 190, 163)
HSL
hsl(60, 17%, 69%)
Luminância
0,504
Deep Daigi White #E9E7E6
RGB
rgb(233, 231, 230)
HSL
hsl(20, 6%, 91%)
Luminância
0,802

Contraste e acessibilidade

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

Aa #1C1210 sobre #E9E7E6 14,90:1 AAA
Aa #302B26 sobre #E9E7E6 11,36:1 AAA
Aa #333439 sobre #E9E7E6 10,08:1 AAA
Aa #1C1210 sobre #BEBEA3 9,69:1 AAA
Aa #473B45 sobre #E9E7E6 8,61:1 AAA
Aa #302B26 sobre #BEBEA3 7,39:1 AAA
Aa #454D42 sobre #E9E7E6 7,12:1 AAA
Aa #333439 sobre #BEBEA3 6,55:1 AA
Aa #5B5248 sobre #E9E7E6 6,21:1 AA
Aa #1C1210 sobre #809494 5,76:1 AA
Aa #473B45 sobre #BEBEA3 5,60:1 AA
Aa #454D42 sobre #BEBEA3 4,63:1 AA
Aa #1C1210 sobre #77826B 4,54:1 AA
Aa #302B26 sobre #809494 4,39:1 AA, texto grande
Aa #6D6D64 sobre #E9E7E6 4,24:1 AA, texto grande
Aa #5B5248 sobre #BEBEA3 4,04:1 AA, texto grande
Aa #333439 sobre #809494 3,89:1 AA, texto grande
Aa #1C1210 sobre #6D6D64 3,52:1 AA, texto grande
Aa #302B26 sobre #77826B 3,46:1 AA, texto grande
Aa #473B45 sobre #809494 3,32:1 AA, texto grande
Aa #77826B sobre #E9E7E6 3,28:1 AA, texto grande
Aa #333439 sobre #77826B 3,07:1 AA, texto grande
Aa #6D6D64 sobre #BEBEA3 2,76:1 Reprovado
Aa #454D42 sobre #809494 2,75:1 Reprovado
Aa #302B26 sobre #6D6D64 2,68:1 Reprovado
Aa #473B45 sobre #77826B 2,62:1 Reprovado
Aa #809494 sobre #E9E7E6 2,59:1 Reprovado
Aa #1C1210 sobre #5B5248 2,40:1 Reprovado
Aa #5B5248 sobre #809494 2,40:1 Reprovado
Aa #333439 sobre #6D6D64 2,38:1 Reprovado
Aa #454D42 sobre #77826B 2,17:1 Reprovado
Aa #77826B sobre #BEBEA3 2,14:1 Reprovado
Aa #1C1210 sobre #454D42 2,09:1 Reprovado
Aa #473B45 sobre #6D6D64 2,03:1 Reprovado
Aa #5B5248 sobre #77826B 1,89:1 Reprovado
Aa #302B26 sobre #5B5248 1,83:1 Reprovado
Aa #1C1210 sobre #473B45 1,73:1 Reprovado
Aa #454D42 sobre #6D6D64 1,68:1 Reprovado
Aa #809494 sobre #BEBEA3 1,68:1 Reprovado
Aa #6D6D64 sobre #809494 1,64:1 Reprovado
Aa #333439 sobre #5B5248 1,62:1 Reprovado
Aa #302B26 sobre #454D42 1,60:1 Reprovado
Aa #BEBEA3 sobre #E9E7E6 1,54:1 Reprovado
Aa #1C1210 sobre #333439 1,48:1 Reprovado
Aa #5B5248 sobre #6D6D64 1,46:1 Reprovado
Aa #333439 sobre #454D42 1,42:1 Reprovado
Aa #473B45 sobre #5B5248 1,39:1 Reprovado
Aa #302B26 sobre #473B45 1,32:1 Reprovado
Aa #1C1210 sobre #302B26 1,31:1 Reprovado
Aa #6D6D64 sobre #77826B 1,29:1 Reprovado
Aa #77826B sobre #809494 1,27:1 Reprovado
Aa #473B45 sobre #454D42 1,21:1 Reprovado
Aa #333439 sobre #473B45 1,17:1 Reprovado
Aa #454D42 sobre #5B5248 1,15:1 Reprovado
Aa #302B26 sobre #333439 1,13:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000
4 cores
#E23E57 #88304E #522546 #311D3F
4 cores
#FF204E #A0153E #5D0E41 #00224D
4 cores
#030637 #3C0753 #720455 #910A67
4 cores
#1C0A00 #361500 #603601 #CC9544
4 cores
#252525 #FF0000 #AF0404 #414141
4 cores
#362222 #171010 #423F3E #2B2B2B
4 cores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 cores