Registrarse Registrarse
Cool Bone 7

Cool Bone 7

Paleta de 7 colores · Colores neutros · Tonos oscuros · Armonía triádica

Volver a la biblioteca

Cool Bone 7

Paleta de 7 colores · Colores neutros · Tonos oscuros · Armonía triádica

Editar
Colores apagados 7 colores Colores neutros Tonos oscuros Armonía triádica green 7 dark black
Me gusta 17
Colores 7

Variables CSS

:root {
  --c-muted-1: #2C4958;
  --c-muted-2: #8B979C;
  --c-muted-3: #C4C4C4;
  --c-muted-4: #4B4F4D;
  --c-muted-5: #222725;
  --c-muted-6: #121113;
  --c-muted-7: #2A131E;
}

Sobre esta paleta

Esta paleta de 7 colores apagados va de Explosive Grey (#C4C4C4), su tono más claro, a Dark Tone Ink (#121113), el más oscuro. Combina Black Forest Blue, Blue Dusk, Explosive Grey, Black Oak, Nero, Dark Tone Ink y Black Cherry en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 8 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #C4C4C4 sobre #121113, con 10,8: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

Black Forest Blue #2C4958
RGB
rgb(44, 73, 88)
HSL
hsl(200, 33%, 26%)
Luminancia
0,060
Blue Dusk #8B979C
RGB
rgb(139, 151, 156)
HSL
hsl(198, 8%, 58%)
Luminancia
0,300
Explosive Grey #C4C4C4
RGB
rgb(196, 196, 196)
HSL
hsl(0, 0%, 77%)
Luminancia
0,552
Black Oak #4B4F4D
RGB
rgb(75, 79, 77)
HSL
hsl(150, 3%, 30%)
Luminancia
0,076
Nero #222725
RGB
rgb(34, 39, 37)
HSL
hsl(156, 7%, 14%)
Luminancia
0,019
Dark Tone Ink #121113
RGB
rgb(18, 17, 19)
HSL
hsl(270, 6%, 7%)
Luminancia
0,006
Black Cherry #2A131E
RGB
rgb(42, 19, 30)
HSL
hsl(331, 38%, 12%)
Luminancia
0,011

Contraste y accesibilidad

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

Aa #C4C4C4 sobre #121113 10,80:1 AAA
Aa #C4C4C4 sobre #2A131E 9,95:1 AAA
Aa #C4C4C4 sobre #222725 8,69:1 AAA
Aa #8B979C sobre #121113 6,28:1 AA
Aa #8B979C sobre #2A131E 5,79:1 AA
Aa #2C4958 sobre #C4C4C4 5,47:1 AA
Aa #8B979C sobre #222725 5,06:1 AA
Aa #C4C4C4 sobre #4B4F4D 4,77:1 AA
Aa #2C4958 sobre #8B979C 3,18:1 AA, texto grande
Aa #8B979C sobre #4B4F4D 2,77:1 No aprobado
Aa #4B4F4D sobre #121113 2,26:1 No aprobado
Aa #4B4F4D sobre #2A131E 2,09:1 No aprobado
Aa #2C4958 sobre #121113 1,97:1 No aprobado
Aa #2C4958 sobre #2A131E 1,82:1 No aprobado
Aa #4B4F4D sobre #222725 1,82:1 No aprobado
Aa #8B979C sobre #C4C4C4 1,72:1 No aprobado
Aa #2C4958 sobre #222725 1,59:1 No aprobado
Aa #222725 sobre #121113 1,24:1 No aprobado
Aa #2C4958 sobre #4B4F4D 1,15:1 No aprobado
Aa #222725 sobre #2A131E 1,14:1 No aprobado
Aa #121113 sobre #2A131E 1,09: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