Criar conta Criar conta
Cool Bone 7

Cool Bone 7

Paleta de 7 cores · Neutra · Escura · Harmonia: Triádica

Voltar à biblioteca

Cool Bone 7

Paleta de 7 cores · Temperatura: Neutra · Tonalidade: Escura · Harmonia: Triádica

Editar
Sóbria 7 cores Neutra Escura Triádica green 7 dark black
Curtidas 17
Cores 7

Variáveis CSS

:root {
  --c-muted-1: #2C4958;
  --c-muted-2: #8B979C;
  --c-muted-3: #C4C4C4;
  --c-muted-4: #4B4F4D;
  --c-muted-5: #222725;
  --c-muted-6: #121113;
  --c-muted-7: #2A131E;
}

Sobre esta paleta

Esta paleta sóbria de 7 cores vai de Explosive Grey (#C4C4C4), o tom mais claro, até Dark Tone Ink (#121113), o mais escuro. Ela reúne Black Forest Blue, Blue Dusk, Explosive Grey, Black Oak, Nero, Dark Tone Ink e Black Cherry em um único conjunto que você pode levar direto para uma interface. Dos seus 21 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #C4C4C4 sobre #121113, com 10,8: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

Black Forest Blue #2C4958
RGB
rgb(44, 73, 88)
HSL
hsl(200, 33%, 26%)
Luminância
0,060
Blue Dusk #8B979C
RGB
rgb(139, 151, 156)
HSL
hsl(198, 8%, 58%)
Luminância
0,300
Explosive Grey #C4C4C4
RGB
rgb(196, 196, 196)
HSL
hsl(0, 0%, 77%)
Luminância
0,552
Black Oak #4B4F4D
RGB
rgb(75, 79, 77)
HSL
hsl(150, 3%, 30%)
Luminância
0,076
Nero #222725
RGB
rgb(34, 39, 37)
HSL
hsl(156, 7%, 14%)
Luminância
0,019
Dark Tone Ink #121113
RGB
rgb(18, 17, 19)
HSL
hsl(270, 6%, 7%)
Luminância
0,006
Black Cherry #2A131E
RGB
rgb(42, 19, 30)
HSL
hsl(331, 38%, 12%)
Luminância
0,011

Contraste e acessibilidade

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

Aa #C4C4C4 sobre #121113 10,80:1 AAA
Aa #C4C4C4 sobre #2A131E 9,95:1 AAA
Aa #C4C4C4 sobre #222725 8,69:1 AAA
Aa #8B979C sobre #121113 6,28:1 AA
Aa #8B979C sobre #2A131E 5,79:1 AA
Aa #2C4958 sobre #C4C4C4 5,47:1 AA
Aa #8B979C sobre #222725 5,06:1 AA
Aa #C4C4C4 sobre #4B4F4D 4,77:1 AA
Aa #2C4958 sobre #8B979C 3,18:1 AA, texto grande
Aa #8B979C sobre #4B4F4D 2,77:1 Reprovado
Aa #4B4F4D sobre #121113 2,26:1 Reprovado
Aa #4B4F4D sobre #2A131E 2,09:1 Reprovado
Aa #2C4958 sobre #121113 1,97:1 Reprovado
Aa #2C4958 sobre #2A131E 1,82:1 Reprovado
Aa #4B4F4D sobre #222725 1,82:1 Reprovado
Aa #8B979C sobre #C4C4C4 1,72:1 Reprovado
Aa #2C4958 sobre #222725 1,59:1 Reprovado
Aa #222725 sobre #121113 1,24:1 Reprovado
Aa #2C4958 sobre #4B4F4D 1,15:1 Reprovado
Aa #222725 sobre #2A131E 1,14:1 Reprovado
Aa #121113 sobre #2A131E 1,09: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