Registrarse Registrarse
Windswept

Windswept

Paleta de 10 colores · Colores fríos · Tonos oscuros · Armonía monocromática

Volver a la biblioteca

Windswept

Paleta de 10 colores · Colores fríos · Tonos oscuros · Armonía monocromática

Editar
Colores apagados 10 colores Colores fríos Tonos oscuros Armonía monocromática green dark blue cold
Me gusta 56
Colores 10

Variables CSS

:root {
  --c-muted-1: #101211;
  --c-muted-2: #171B1C;
  --c-muted-3: #1D2621;
  --c-muted-4: #242B33;
  --c-muted-5: #2F353A;
  --c-muted-6: #2F4349;
  --c-muted-7: #424F53;
  --c-muted-8: #4E615C;
  --c-muted-9: #5F6E62;
  --c-muted-10: #657C6E;
}

Sobre esta paleta

Esta paleta de 10 colores apagados va de Atlas Cedar Green (#657C6E), su tono más claro, a Dreamless Sleep (#101211), el más oscuro. Combina Dreamless Sleep, Gluon Grey, Shadow Warrior, Sky Captain, Inkwell, Little Mermaid, Lunar Eclipse, Vert Pierre, Windrock y Atlas Cedar Green en un solo conjunto que puedes llevar directamente a una interfaz. Ninguna de las 45 combinaciones de colores de la paleta alcanza el umbral de contraste WCAG AA (4,5:1), así que, para el texto principal, combina estos colores con negro o blanco.

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

Desglose de colores

Dreamless Sleep #101211
RGB
rgb(16, 18, 17)
HSL
hsl(150, 6%, 7%)
Luminancia
0,006
Gluon Grey #171B1C
RGB
rgb(23, 27, 28)
HSL
hsl(192, 10%, 10%)
Luminancia
0,011
Shadow Warrior #1D2621
RGB
rgb(29, 38, 33)
HSL
hsl(147, 13%, 13%)
Luminancia
0,018
Sky Captain #242B33
RGB
rgb(36, 43, 51)
HSL
hsl(212, 17%, 17%)
Luminancia
0,023
Inkwell #2F353A
RGB
rgb(47, 53, 58)
HSL
hsl(207, 10%, 21%)
Luminancia
0,035
Little Mermaid #2F4349
RGB
rgb(47, 67, 73)
HSL
hsl(194, 22%, 24%)
Luminancia
0,051
Lunar Eclipse #424F53
RGB
rgb(66, 79, 83)
HSL
hsl(194, 11%, 29%)
Luminancia
0,074
Vert Pierre #4E615C
RGB
rgb(78, 97, 92)
HSL
hsl(164, 11%, 34%)
Luminancia
0,109
Windrock #5F6E62
RGB
rgb(95, 110, 98)
HSL
hsl(132, 7%, 40%)
Luminancia
0,145
Atlas Cedar Green #657C6E
RGB
rgb(101, 124, 110)
HSL
hsl(143, 10%, 44%)
Luminancia
0,183

Contraste y accesibilidad

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

Aa #101211 sobre #657C6E 4,17:1 AA, texto grande
Aa #171B1C sobre #657C6E 3,85:1 AA, texto grande
Aa #101211 sobre #5F6E62 3,49:1 AA, texto grande
Aa #1D2621 sobre #657C6E 3,45:1 AA, texto grande
Aa #171B1C sobre #5F6E62 3,22:1 AA, texto grande
Aa #242B33 sobre #657C6E 3,17:1 AA, texto grande
Aa #1D2621 sobre #5F6E62 2,88:1 No aprobado
Aa #101211 sobre #4E615C 2,86:1 No aprobado
Aa #2F353A sobre #657C6E 2,76:1 No aprobado
Aa #242B33 sobre #5F6E62 2,65:1 No aprobado
Aa #171B1C sobre #4E615C 2,64:1 No aprobado
Aa #1D2621 sobre #4E615C 2,36:1 No aprobado
Aa #2F4349 sobre #657C6E 2,31:1 No aprobado
Aa #2F353A sobre #5F6E62 2,30:1 No aprobado
Aa #101211 sobre #424F53 2,22:1 No aprobado
Aa #242B33 sobre #4E615C 2,17:1 No aprobado
Aa #171B1C sobre #424F53 2,05:1 No aprobado
Aa #2F4349 sobre #5F6E62 1,93:1 No aprobado
Aa #2F353A sobre #4E615C 1,89:1 No aprobado
Aa #424F53 sobre #657C6E 1,88:1 No aprobado
Aa #1D2621 sobre #424F53 1,83:1 No aprobado
Aa #101211 sobre #2F4349 1,81:1 No aprobado
Aa #242B33 sobre #424F53 1,69:1 No aprobado
Aa #171B1C sobre #2F4349 1,67:1 No aprobado
Aa #2F4349 sobre #4E615C 1,58:1 No aprobado
Aa #424F53 sobre #5F6E62 1,57:1 No aprobado
Aa #101211 sobre #2F353A 1,51:1 No aprobado
Aa #1D2621 sobre #2F4349 1,49:1 No aprobado
Aa #2F353A sobre #424F53 1,46:1 No aprobado
Aa #4E615C sobre #657C6E 1,46:1 No aprobado
Aa #171B1C sobre #2F353A 1,40:1 No aprobado
Aa #242B33 sobre #2F4349 1,38:1 No aprobado
Aa #101211 sobre #242B33 1,31:1 No aprobado
Aa #424F53 sobre #4E615C 1,29:1 No aprobado
Aa #1D2621 sobre #2F353A 1,25:1 No aprobado
Aa #2F4349 sobre #424F53 1,23:1 No aprobado
Aa #4E615C sobre #5F6E62 1,22:1 No aprobado
Aa #101211 sobre #1D2621 1,21:1 No aprobado
Aa #171B1C sobre #242B33 1,21:1 No aprobado
Aa #5F6E62 sobre #657C6E 1,20:1 No aprobado
Aa #2F353A sobre #2F4349 1,19:1 No aprobado
Aa #242B33 sobre #2F353A 1,15:1 No aprobado
Aa #171B1C sobre #1D2621 1,12:1 No aprobado
Aa #1D2621 sobre #242B33 1,09:1 No aprobado
Aa #101211 sobre #171B1C 1,08:1 No aprobado

Paletas similares

#212121 #323232 #0D7377 #14FFEC
4 colores
#0A2647 #144272 #205295 #2C74B3
4 colores
#040D12 #183D3D #5C8374 #93B1A6
4 colores
#142850 #27496D #0C7B93 #00A8CC
4 colores
#635985 #443C68 #393053 #18122B
4 colores
#000000 #150050 #3F0071 #610094
4 colores
#151515 #301B3F #3C415C #B4A5A5
4 colores
#041C32 #04293A #064663 #ECB365
4 colores