Registrarse Registrarse
PaletaOscuraDeGoya

PaletaOscuraDeGoya

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

PaletaOscuraDeGoya

Paleta de 12 colores · Colores cálidos · Tonos mixtos · Armonía complementaria

Editar
Colores apagados 12 colores Colores cálidos Tonos mixtos Armonía complementaria septemberstudypalettecontest
Me gusta 45
Colores 12

Variables 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 de 12 colores apagados va de Marble Grape (#DFE0C5), su tono más claro, a Accursed Black (#080807), el más oscuro. Combina Marble Grape, Accursed Black, Nero, Threaded Loom, Adorbs, Tumbling Tumbleweed, Lye, Soya Bean, Desert Moss, Gingko Tree, Hearth y Saffronaut en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 18 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #DFE0C5 sobre #080807, con 14,89:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Marble Grape #DFE0C5
RGB
rgb(223, 224, 197)
HSL
hsl(62, 30%, 83%)
Luminancia
0,730
Accursed Black #080807
RGB
rgb(8, 8, 7)
HSL
hsl(60, 7%, 3%)
Luminancia
0,002
Nero #262722
RGB
rgb(38, 39, 34)
HSL
hsl(72, 7%, 14%)
Luminancia
0,020
Threaded Loom #CDC2AA
RGB
rgb(205, 194, 170)
HSL
hsl(41, 26%, 74%)
Luminancia
0,545
Adorbs #B8C9CD
RGB
rgb(184, 201, 205)
HSL
hsl(191, 17%, 76%)
Luminancia
0,564
Tumbling Tumbleweed #CDC09C
RGB
rgb(205, 192, 156)
HSL
hsl(44, 33%, 71%)
Luminancia
0,531
Lye #9E9479
RGB
rgb(158, 148, 121)
HSL
hsl(44, 16%, 55%)
Luminancia
0,298
Soya Bean #70614B
RGB
rgb(112, 97, 75)
HSL
hsl(36, 20%, 37%)
Luminancia
0,125
Desert Moss #C1A066
RGB
rgb(193, 160, 102)
HSL
hsl(38, 42%, 58%)
Luminancia
0,374
Gingko Tree #93815D
RGB
rgb(147, 129, 93)
HSL
hsl(40, 23%, 47%)
Luminancia
0,227
Hearth #E0CAA6
RGB
rgb(224, 202, 166)
HSL
hsl(37, 48%, 76%)
Luminancia
0,608
Saffronaut #932E1F
RGB
rgb(147, 46, 31)
HSL
hsl(8, 65%, 35%)
Luminancia
0,083

Contraste y accesibilidad

Combinaciones de colores en la paleta: 66. De ellas, 18 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

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 No aprobado
Aa #9E9479 sobre #932E1F 2,63:1 No aprobado
Aa #080807 sobre #932E1F 2,53:1 No aprobado
Aa #262722 sobre #70614B 2,51:1 No aprobado
Aa #70614B sobre #C1A066 2,42:1 No aprobado
Aa #93815D sobre #E0CAA6 2,38:1 No aprobado
Aa #DFE0C5 sobre #9E9479 2,24:1 No aprobado
Aa #B8C9CD sobre #93815D 2,22:1 No aprobado
Aa #CDC2AA sobre #93815D 2,15:1 No aprobado
Aa #CDC09C sobre #93815D 2,10:1 No aprobado
Aa #93815D sobre #932E1F 2,09:1 No aprobado
Aa #9E9479 sobre #70614B 1,99:1 No aprobado
Aa #262722 sobre #932E1F 1,90:1 No aprobado
Aa #9E9479 sobre #E0CAA6 1,89:1 No aprobado
Aa #DFE0C5 sobre #C1A066 1,84:1 No aprobado
Aa #B8C9CD sobre #9E9479 1,76:1 No aprobado
Aa #CDC2AA sobre #9E9479 1,71:1 No aprobado
Aa #CDC09C sobre #9E9479 1,67:1 No aprobado
Aa #70614B sobre #93815D 1,58:1 No aprobado
Aa #C1A066 sobre #E0CAA6 1,55:1 No aprobado
Aa #C1A066 sobre #93815D 1,53:1 No aprobado
Aa #B8C9CD sobre #C1A066 1,45:1 No aprobado
Aa #CDC2AA sobre #C1A066 1,40:1 No aprobado
Aa #CDC09C sobre #C1A066 1,37:1 No aprobado
Aa #DFE0C5 sobre #CDC09C 1,34:1 No aprobado
Aa #080807 sobre #262722 1,33:1 No aprobado
Aa #70614B sobre #932E1F 1,32:1 No aprobado
Aa #DFE0C5 sobre #CDC2AA 1,31:1 No aprobado
Aa #DFE0C5 sobre #B8C9CD 1,27:1 No aprobado
Aa #9E9479 sobre #93815D 1,26:1 No aprobado
Aa #9E9479 sobre #C1A066 1,22:1 No aprobado
Aa #DFE0C5 sobre #E0CAA6 1,19:1 No aprobado
Aa #CDC09C sobre #E0CAA6 1,13:1 No aprobado
Aa #CDC2AA sobre #E0CAA6 1,11:1 No aprobado
Aa #B8C9CD sobre #E0CAA6 1,07:1 No aprobado
Aa #B8C9CD sobre #CDC09C 1,06:1 No aprobado
Aa #CDC2AA sobre #B8C9CD 1,03:1 No aprobado
Aa #CDC2AA sobre #CDC09C 1,02:1 No aprobado

Paletas similares

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colores
#FFF8EA #9E7676 #815B5B #594545
4 colores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colores
#F67280 #C06C84 #6C5B7B #355C7D
4 colores
#2B2E4A #E84545 #903749 #53354A
4 colores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colores
#A9907E #F3DEBA #ABC4AA #675D50
4 colores