Criar conta Criar conta
Grenade 8

Grenade 8

Paleta de 8 cores · Quente · Escura · Harmonia: Triádica

Voltar à biblioteca

Grenade 8

Paleta de 8 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Triádica

Editar
Sóbria 8 cores Quente Escura Triádica green brown grenade dim
Curtidas 64
Cores 8

Variáveis CSS

:root {
  --c-muted-1: #0D0B08;
  --c-muted-2: #131A17;
  --c-muted-3: #1B2621;
  --c-muted-4: #263D32;
  --c-muted-5: #2B5744;
  --c-muted-6: #377A5D;
  --c-muted-7: #6BAD92;
  --c-muted-8: #95D9BC;
}

Sobre esta paleta

Esta paleta sóbria de 8 cores vai de Green Jewel (#95D9BC), o tom mais claro, até Stout (#0D0B08), o mais escuro. Ela reúne Stout, Dark Moon, Shadow Warrior, English Holly, Fresh Mint, Liquid Green Stuff, Dublin Jack e Green Jewel em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 8 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #0D0B08 sobre #95D9BC, com 12,1: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

Stout #0D0B08
RGB
rgb(13, 11, 8)
HSL
hsl(36, 24%, 4%)
Luminância
0,003
Dark Moon #131A17
RGB
rgb(19, 26, 23)
HSL
hsl(154, 16%, 9%)
Luminância
0,009
Shadow Warrior #1B2621
RGB
rgb(27, 38, 33)
HSL
hsl(153, 17%, 13%)
Luminância
0,017
English Holly #263D32
RGB
rgb(38, 61, 50)
HSL
hsl(151, 23%, 19%)
Luminância
0,040
Fresh Mint #2B5744
RGB
rgb(43, 87, 68)
HSL
hsl(154, 34%, 25%)
Luminância
0,078
Liquid Green Stuff #377A5D
RGB
rgb(55, 122, 93)
HSL
hsl(154, 38%, 35%)
Luminância
0,155
Dublin Jack #6BAD92
RGB
rgb(107, 173, 146)
HSL
hsl(155, 29%, 55%)
Luminância
0,351
Green Jewel #95D9BC
RGB
rgb(149, 217, 188)
HSL
hsl(154, 47%, 72%)
Luminância
0,597

Contraste e acessibilidade

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

Aa #0D0B08 sobre #95D9BC 12,10:1 AAA
Aa #131A17 sobre #95D9BC 10,88:1 AAA
Aa #1B2621 sobre #95D9BC 9,61:1 AAA
Aa #0D0B08 sobre #6BAD92 7,50:1 AAA
Aa #263D32 sobre #95D9BC 7,20:1 AAA
Aa #131A17 sobre #6BAD92 6,75:1 AA
Aa #1B2621 sobre #6BAD92 5,96:1 AA
Aa #2B5744 sobre #95D9BC 5,07:1 AA
Aa #263D32 sobre #6BAD92 4,46:1 AA, texto grande
Aa #0D0B08 sobre #377A5D 3,84:1 AA, texto grande
Aa #131A17 sobre #377A5D 3,46:1 AA, texto grande
Aa #377A5D sobre #95D9BC 3,15:1 AA, texto grande
Aa #2B5744 sobre #6BAD92 3,14:1 AA, texto grande
Aa #1B2621 sobre #377A5D 3,05:1 AA, texto grande
Aa #0D0B08 sobre #2B5744 2,39:1 Reprovado
Aa #263D32 sobre #377A5D 2,29:1 Reprovado
Aa #131A17 sobre #2B5744 2,15:1 Reprovado
Aa #377A5D sobre #6BAD92 1,95:1 Reprovado
Aa #1B2621 sobre #2B5744 1,89:1 Reprovado
Aa #0D0B08 sobre #263D32 1,68:1 Reprovado
Aa #2B5744 sobre #377A5D 1,61:1 Reprovado
Aa #6BAD92 sobre #95D9BC 1,61:1 Reprovado
Aa #131A17 sobre #263D32 1,51:1 Reprovado
Aa #263D32 sobre #2B5744 1,42:1 Reprovado
Aa #1B2621 sobre #263D32 1,33:1 Reprovado
Aa #0D0B08 sobre #1B2621 1,26:1 Reprovado
Aa #131A17 sobre #1B2621 1,13:1 Reprovado
Aa #0D0B08 sobre #131A17 1,11: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