Criar conta Criar conta
Walk

Walk

Paleta de 9 cores · Neutra · Escura · Harmonia: Complementar

Voltar à biblioteca

Walk

Paleta de 9 cores · Temperatura: Neutra · Tonalidade: Escura · Harmonia: Complementar

Editar
Sóbria 9 cores Neutra Escura Complementar orange blue bright sepulcherseptemberpalettecontest
Curtidas 47
Cores 9

Variáveis CSS

:root {
  --c-muted-1: #04BFB5;
  --c-muted-2: #046374;
  --c-muted-3: #042131;
  --c-muted-4: #040E16;
  --c-muted-5: #3A1404;
  --c-muted-6: #A74104;
  --c-muted-7: #DE6604;
  --c-muted-8: #FFD952;
  --c-muted-9: #FFF9D6;
}

Sobre esta paleta

Esta paleta sóbria de 9 cores vai de Wild Apple (#FFF9D6), o tom mais claro, até Dark Rift (#040E16), o mais escuro. Ela reúne Jade Gravel, Green Spool, Midnight Dreams, Dark Rift, American Bronze, Pepperoni, Orange Danger, Kuchinashi Yellow e Wild Apple em um único conjunto que você pode levar direto para uma interface. Dos seus 36 pares de cores, 16 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #040E16 sobre #FFF9D6, com 18,32: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

Jade Gravel #04BFB5
RGB
rgb(4, 191, 181)
HSL
hsl(177, 96%, 38%)
Luminância
0,406
Green Spool #046374
RGB
rgb(4, 99, 116)
HSL
hsl(189, 93%, 24%)
Luminância
0,102
Midnight Dreams #042131
RGB
rgb(4, 33, 49)
HSL
hsl(201, 85%, 10%)
Luminância
0,013
Dark Rift #040E16
RGB
rgb(4, 14, 22)
HSL
hsl(207, 69%, 5%)
Luminância
0,004
American Bronze #3A1404
RGB
rgb(58, 20, 4)
HSL
hsl(18, 87%, 12%)
Luminância
0,014
Pepperoni #A74104
RGB
rgb(167, 65, 4)
HSL
hsl(22, 95%, 34%)
Luminância
0,120
Orange Danger #DE6604
RGB
rgb(222, 102, 4)
HSL
hsl(27, 96%, 44%)
Luminância
0,250
Kuchinashi Yellow #FFD952
RGB
rgb(255, 217, 82)
HSL
hsl(47, 100%, 66%)
Luminância
0,715
Wild Apple #FFF9D6
RGB
rgb(255, 249, 214)
HSL
hsl(51, 100%, 92%)
Luminância
0,939

Contraste e acessibilidade

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

Aa #040E16 sobre #FFF9D6 18,32:1 AAA
Aa #042131 sobre #FFF9D6 15,61:1 AAA
Aa #3A1404 sobre #FFF9D6 15,43:1 AAA
Aa #040E16 sobre #FFD952 14,17:1 AAA
Aa #042131 sobre #FFD952 12,07:1 AAA
Aa #3A1404 sobre #FFD952 11,94:1 AAA
Aa #04BFB5 sobre #040E16 8,45:1 AAA
Aa #04BFB5 sobre #042131 7,20:1 AAA
Aa #04BFB5 sobre #3A1404 7,12:1 AAA
Aa #046374 sobre #FFF9D6 6,50:1 AA
Aa #A74104 sobre #FFF9D6 5,81:1 AA
Aa #040E16 sobre #DE6604 5,57:1 AA
Aa #046374 sobre #FFD952 5,03:1 AA
Aa #042131 sobre #DE6604 4,74:1 AA
Aa #3A1404 sobre #DE6604 4,69:1 AA
Aa #A74104 sobre #FFD952 4,50:1 AA
Aa #DE6604 sobre #FFF9D6 3,29:1 AA, texto grande
Aa #040E16 sobre #A74104 3,15:1 AA, texto grande
Aa #04BFB5 sobre #046374 3,00:1 AA, texto grande
Aa #046374 sobre #040E16 2,82:1 Reprovado
Aa #04BFB5 sobre #A74104 2,68:1 Reprovado
Aa #042131 sobre #A74104 2,68:1 Reprovado
Aa #3A1404 sobre #A74104 2,65:1 Reprovado
Aa #DE6604 sobre #FFD952 2,55:1 Reprovado
Aa #046374 sobre #042131 2,40:1 Reprovado
Aa #046374 sobre #3A1404 2,37:1 Reprovado
Aa #04BFB5 sobre #FFF9D6 2,17:1 Reprovado
Aa #046374 sobre #DE6604 1,98:1 Reprovado
Aa #A74104 sobre #DE6604 1,77:1 Reprovado
Aa #04BFB5 sobre #FFD952 1,68:1 Reprovado
Aa #04BFB5 sobre #DE6604 1,52:1 Reprovado
Aa #FFD952 sobre #FFF9D6 1,29:1 Reprovado
Aa #040E16 sobre #3A1404 1,19:1 Reprovado
Aa #042131 sobre #040E16 1,17:1 Reprovado
Aa #046374 sobre #A74104 1,12:1 Reprovado
Aa #042131 sobre #3A1404 1,01:1 Reprovado

Paletas semelhantes

#000000 #3E065F #700B97 #8E05C2
4 cores
#000000 #150050 #3F0071 #FB2576
4 cores
#000000 #3E432E #616F39 #A7D129
4 cores
#4B5D67 #322F3D #59405C #87556F
4 cores
#18230F #27391C #255F38 #1F7D53
4 cores
#FF5200 #6F0000 #00263B #00A1AB
4 cores
#000000 #0F6292 #16FF00 #FFED00
4 cores
#251D3A #2A2550 #E04D01 #FF7700
4 cores