Registrarse Registrarse
Walk

Walk

Paleta de 9 colores · Colores neutros · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Walk

Paleta de 9 colores · Colores neutros · Tonos oscuros · Armonía complementaria

Editar
Colores apagados 9 colores Colores neutros Tonos oscuros Armonía complementaria orange blue bright sepulcherseptemberpalettecontest
Me gusta 47
Colores 9

Variables 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 de 9 colores apagados va de Wild Apple (#FFF9D6), su tono más claro, a Dark Rift (#040E16), el más oscuro. Combina Jade Gravel, Green Spool, Midnight Dreams, Dark Rift, American Bronze, Pepperoni, Orange Danger, Kuchinashi Yellow y Wild Apple en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 16 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #040E16 sobre #FFF9D6, con 18,32: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

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

Contraste y accesibilidad

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

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 No aprobado
Aa #04BFB5 sobre #A74104 2,68:1 No aprobado
Aa #042131 sobre #A74104 2,68:1 No aprobado
Aa #3A1404 sobre #A74104 2,65:1 No aprobado
Aa #DE6604 sobre #FFD952 2,55:1 No aprobado
Aa #046374 sobre #042131 2,40:1 No aprobado
Aa #046374 sobre #3A1404 2,37:1 No aprobado
Aa #04BFB5 sobre #FFF9D6 2,17:1 No aprobado
Aa #046374 sobre #DE6604 1,98:1 No aprobado
Aa #A74104 sobre #DE6604 1,77:1 No aprobado
Aa #04BFB5 sobre #FFD952 1,68:1 No aprobado
Aa #04BFB5 sobre #DE6604 1,52:1 No aprobado
Aa #FFD952 sobre #FFF9D6 1,29:1 No aprobado
Aa #040E16 sobre #3A1404 1,19:1 No aprobado
Aa #042131 sobre #040E16 1,17:1 No aprobado
Aa #046374 sobre #A74104 1,12:1 No aprobado
Aa #042131 sobre #3A1404 1,01:1 No aprobado

Paletas similares

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