Início Paletas de cores PaletaOscuraDeGoya

PaletaOscuraDeGoya

Paleta de 12 cores · Quente · Mista · Harmonia: Complementar

Voltar à biblioteca

PaletaOscuraDeGoya

Paleta de 12 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Complementar

Editar

Sóbria 12 cores Quente Mista Complementar septemberstudypalettecontest

Curtidas 45

Cores 12

Variáveis CSS

:root {
  --c-muted-1: #DFE0C5;
  --c-muted-2: #080807;
  --c-muted-3: #262722;
  --c-muted-4: #CDC2AA;
  --c-muted-5: #B8C9CD;
  --c-muted-6: #CDC09C;
  --c-muted-7: #9E9479;
  --c-muted-8: #70614B;
  --c-muted-9: #C1A066;
  --c-muted-10: #93815D;
  --c-muted-11: #E0CAA6;
  --c-muted-12: #932E1F;
}

Sobre esta paleta

Esta paleta sóbria de 12 cores vai de Marble Grape (#DFE0C5), o tom mais claro, até Accursed Black (#080807), o mais escuro. Ela reúne Marble Grape, Accursed Black, Nero, Threaded Loom, Adorbs, Tumbling Tumbleweed, Lye, Soya Bean, Desert Moss, Gingko Tree, Hearth e Saffronaut em um único conjunto que você pode levar direto para uma interface. Dos seus 66 pares de cores, 18 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #DFE0C5 sobre #080807, com 14,89: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

Marble Grape #DFE0C5

RGB: rgb(223, 224, 197)
HSL: hsl(62, 30%, 83%)
Luminância: 0,730

Accursed Black #080807

RGB: rgb(8, 8, 7)
HSL: hsl(60, 7%, 3%)
Luminância: 0,002

Nero #262722

RGB: rgb(38, 39, 34)
HSL: hsl(72, 7%, 14%)
Luminância: 0,020

Threaded Loom #CDC2AA

RGB: rgb(205, 194, 170)
HSL: hsl(41, 26%, 74%)
Luminância: 0,545

Adorbs #B8C9CD

RGB: rgb(184, 201, 205)
HSL: hsl(191, 17%, 76%)
Luminância: 0,564

Tumbling Tumbleweed #CDC09C

RGB: rgb(205, 192, 156)
HSL: hsl(44, 33%, 71%)
Luminância: 0,531

Lye #9E9479

RGB: rgb(158, 148, 121)
HSL: hsl(44, 16%, 55%)
Luminância: 0,298

Soya Bean #70614B

RGB: rgb(112, 97, 75)
HSL: hsl(36, 20%, 37%)
Luminância: 0,125

Desert Moss #C1A066

RGB: rgb(193, 160, 102)
HSL: hsl(38, 42%, 58%)
Luminância: 0,374

Gingko Tree #93815D

RGB: rgb(147, 129, 93)
HSL: hsl(40, 23%, 47%)
Luminância: 0,227

Hearth #E0CAA6

RGB: rgb(224, 202, 166)
HSL: hsl(37, 48%, 76%)
Luminância: 0,608

Saffronaut #932E1F

RGB: rgb(147, 46, 31)
HSL: hsl(8, 65%, 35%)
Luminância: 0,083

Contraste e acessibilidade

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

Aa #DFE0C5 sobre #080807 14,89:1 AAA

Aa #080807 sobre #E0CAA6 12,56:1 AAA

Aa #080807 sobre #B8C9CD 11,71:1 AAA

Aa #080807 sobre #CDC2AA 11,35:1 AAA

Aa #DFE0C5 sobre #262722 11,18:1 AAA

Aa #080807 sobre #CDC09C 11,08:1 AAA

Aa #262722 sobre #E0CAA6 9,43:1 AAA

Aa #262722 sobre #B8C9CD 8,79:1 AAA

Aa #262722 sobre #CDC2AA 8,52:1 AAA

Aa #262722 sobre #CDC09C 8,32:1 AAA

Aa #080807 sobre #C1A066 8,10:1 AAA

Aa #080807 sobre #9E9479 6,65:1 AA

Aa #262722 sobre #C1A066 6,08:1 AA

Aa #DFE0C5 sobre #932E1F 5,89:1 AA

Aa #080807 sobre #93815D 5,28:1 AA

Aa #262722 sobre #9E9479 4,99:1 AA

Aa #E0CAA6 sobre #932E1F 4,97:1 AA

Aa #B8C9CD sobre #932E1F 4,63:1 AA

Aa #CDC2AA sobre #932E1F 4,49:1 AA, texto grande

Aa #DFE0C5 sobre #70614B 4,46:1 AA, texto grande

Aa #CDC09C sobre #932E1F 4,38:1 AA, texto grande

Aa #262722 sobre #93815D 3,97:1 AA, texto grande

Aa #70614B sobre #E0CAA6 3,76:1 AA, texto grande

Aa #B8C9CD sobre #70614B 3,51:1 AA, texto grande

Aa #CDC2AA sobre #70614B 3,40:1 AA, texto grande

Aa #080807 sobre #70614B 3,34:1 AA, texto grande

Aa #CDC09C sobre #70614B 3,32:1 AA, texto grande

Aa #C1A066 sobre #932E1F 3,20:1 AA, texto grande

Aa #DFE0C5 sobre #93815D 2,82:1 Reprovado

Aa #9E9479 sobre #932E1F 2,63:1 Reprovado

Aa #080807 sobre #932E1F 2,53:1 Reprovado

Aa #262722 sobre #70614B 2,51:1 Reprovado

Aa #70614B sobre #C1A066 2,42:1 Reprovado

Aa #93815D sobre #E0CAA6 2,38:1 Reprovado

Aa #DFE0C5 sobre #9E9479 2,24:1 Reprovado

Aa #B8C9CD sobre #93815D 2,22:1 Reprovado

Aa #CDC2AA sobre #93815D 2,15:1 Reprovado

Aa #CDC09C sobre #93815D 2,10:1 Reprovado

Aa #93815D sobre #932E1F 2,09:1 Reprovado

Aa #9E9479 sobre #70614B 1,99:1 Reprovado

Aa #262722 sobre #932E1F 1,90:1 Reprovado

Aa #9E9479 sobre #E0CAA6 1,89:1 Reprovado

Aa #DFE0C5 sobre #C1A066 1,84:1 Reprovado

Aa #B8C9CD sobre #9E9479 1,76:1 Reprovado

Aa #CDC2AA sobre #9E9479 1,71:1 Reprovado

Aa #CDC09C sobre #9E9479 1,67:1 Reprovado

Aa #70614B sobre #93815D 1,58:1 Reprovado

Aa #C1A066 sobre #E0CAA6 1,55:1 Reprovado

Aa #C1A066 sobre #93815D 1,53:1 Reprovado

Aa #B8C9CD sobre #C1A066 1,45:1 Reprovado

Aa #CDC2AA sobre #C1A066 1,40:1 Reprovado

Aa #CDC09C sobre #C1A066 1,37:1 Reprovado

Aa #DFE0C5 sobre #CDC09C 1,34:1 Reprovado

Aa #080807 sobre #262722 1,33:1 Reprovado

Aa #70614B sobre #932E1F 1,32:1 Reprovado

Aa #DFE0C5 sobre #CDC2AA 1,31:1 Reprovado

Aa #DFE0C5 sobre #B8C9CD 1,27:1 Reprovado

Aa #9E9479 sobre #93815D 1,26:1 Reprovado

Aa #9E9479 sobre #C1A066 1,22:1 Reprovado

Aa #DFE0C5 sobre #E0CAA6 1,19:1 Reprovado

Aa #CDC09C sobre #E0CAA6 1,13:1 Reprovado

Aa #CDC2AA sobre #E0CAA6 1,11:1 Reprovado

Aa #B8C9CD sobre #E0CAA6 1,07:1 Reprovado

Aa #B8C9CD sobre #CDC09C 1,06:1 Reprovado

Aa #CDC2AA sobre #B8C9CD 1,03:1 Reprovado

Aa #CDC2AA sobre #CDC09C 1,02:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70

4 cores

#7D5A50 #B4846C #E5B299 #FCDEC0

4 cores

#FFF8EA #9E7676 #815B5B #594545

4 cores

#2C3639 #3F4E4F #A27B5C #DCD7C9

4 cores

#F67280 #C06C84 #6C5B7B #355C7D

4 cores

#2B2E4A #E84545 #903749 #53354A

4 cores

#E5D9B6 #A4BE7B #5F8D4E #285430

4 cores

#A9907E #F3DEBA #ABC4AA #675D50

4 cores

PaletaOscuraDeGoya