Registrarse Registrarse
Serene12

Serene12

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía triádica

Volver a la biblioteca

Serene12

Paleta de 12 colores · Colores fríos · Tonos mixtos · Armonía triádica

Editar
Colores apagados 12 colores Colores fríos Tonos mixtos Armonía triádica colorful nature 9 serene
Me gusta 25
Colores 12

Variables CSS

:root {
  --c-muted-1: #515D7B;
  --c-muted-2: #697B95;
  --c-muted-3: #9FB2CF;
  --c-muted-4: #667258;
  --c-muted-5: #7F956D;
  --c-muted-6: #A0C68D;
  --c-muted-7: #463E37;
  --c-muted-8: #807560;
  --c-muted-9: #ABA17F;
  --c-muted-10: #9AABA4;
  --c-muted-11: #B9C6BE;
  --c-muted-12: #D8E9E0;
}

Sobre esta paleta

Esta paleta de 12 colores apagados va de Clear Camouflage Green (#D8E9E0), su tono más claro, a Turkish Coffee (#463E37), el más oscuro. Combina Coastal Fjord, Blue Suede, Stellar Blue, French Tarragon, Green Eyes, Cos, Turkish Coffee, Swamp, Ruskin Room Green, Halcyon Green, Inviting Veranda y Clear Camouflage Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 5 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #463E37 sobre #D8E9E0, con 8,31: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

Coastal Fjord #515D7B
RGB
rgb(81, 93, 123)
HSL
hsl(223, 21%, 40%)
Luminancia
0,110
Blue Suede #697B95
RGB
rgb(105, 123, 149)
HSL
hsl(215, 17%, 50%)
Luminancia
0,193
Stellar Blue #9FB2CF
RGB
rgb(159, 178, 207)
HSL
hsl(216, 33%, 72%)
Luminancia
0,437
French Tarragon #667258
RGB
rgb(102, 114, 88)
HSL
hsl(88, 13%, 40%)
Luminancia
0,156
Green Eyes #7F956D
RGB
rgb(127, 149, 109)
HSL
hsl(93, 16%, 51%)
Luminancia
0,271
Cos #A0C68D
RGB
rgb(160, 198, 141)
HSL
hsl(100, 33%, 66%)
Luminancia
0,498
Turkish Coffee #463E37
RGB
rgb(70, 62, 55)
HSL
hsl(28, 12%, 25%)
Luminancia
0,050
Swamp #807560
RGB
rgb(128, 117, 96)
HSL
hsl(39, 14%, 44%)
Luminancia
0,182
Ruskin Room Green #ABA17F
RGB
rgb(171, 161, 127)
HSL
hsl(46, 21%, 58%)
Luminancia
0,357
Halcyon Green #9AABA4
RGB
rgb(154, 171, 164)
HSL
hsl(155, 9%, 64%)
Luminancia
0,387
Inviting Veranda #B9C6BE
RGB
rgb(185, 198, 190)
HSL
hsl(143, 10%, 75%)
Luminancia
0,544
Clear Camouflage Green #D8E9E0
RGB
rgb(216, 233, 224)
HSL
hsl(148, 28%, 88%)
Luminancia
0,783

Contraste y accesibilidad

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

Aa #463E37 sobre #D8E9E0 8,31:1 AAA
Aa #463E37 sobre #B9C6BE 5,93:1 AA
Aa #A0C68D sobre #463E37 5,47:1 AA
Aa #515D7B sobre #D8E9E0 5,20:1 AA
Aa #9FB2CF sobre #463E37 4,86:1 AA
Aa #463E37 sobre #9AABA4 4,36:1 AA, texto grande
Aa #463E37 sobre #ABA17F 4,06:1 AA, texto grande
Aa #667258 sobre #D8E9E0 4,05:1 AA, texto grande
Aa #515D7B sobre #B9C6BE 3,71:1 AA, texto grande
Aa #807560 sobre #D8E9E0 3,60:1 AA, texto grande
Aa #515D7B sobre #A0C68D 3,42:1 AA, texto grande
Aa #697B95 sobre #D8E9E0 3,42:1 AA, texto grande
Aa #7F956D sobre #463E37 3,20:1 AA, texto grande
Aa #515D7B sobre #9FB2CF 3,04:1 AA, texto grande
Aa #667258 sobre #B9C6BE 2,89:1 No aprobado
Aa #515D7B sobre #9AABA4 2,73:1 No aprobado
Aa #667258 sobre #A0C68D 2,66:1 No aprobado
Aa #7F956D sobre #D8E9E0 2,59:1 No aprobado
Aa #807560 sobre #B9C6BE 2,57:1 No aprobado
Aa #515D7B sobre #ABA17F 2,54:1 No aprobado
Aa #697B95 sobre #B9C6BE 2,44:1 No aprobado
Aa #697B95 sobre #463E37 2,43:1 No aprobado
Aa #9FB2CF sobre #667258 2,37:1 No aprobado
Aa #A0C68D sobre #807560 2,37:1 No aprobado
Aa #463E37 sobre #807560 2,31:1 No aprobado
Aa #697B95 sobre #A0C68D 2,25:1 No aprobado
Aa #667258 sobre #9AABA4 2,12:1 No aprobado
Aa #9FB2CF sobre #807560 2,10:1 No aprobado
Aa #667258 sobre #463E37 2,05:1 No aprobado
Aa #ABA17F sobre #D8E9E0 2,05:1 No aprobado
Aa #515D7B sobre #7F956D 2,01:1 No aprobado
Aa #697B95 sobre #9FB2CF 2,00:1 No aprobado
Aa #667258 sobre #ABA17F 1,98:1 No aprobado
Aa #9AABA4 sobre #D8E9E0 1,91:1 No aprobado
Aa #807560 sobre #9AABA4 1,89:1 No aprobado
Aa #7F956D sobre #B9C6BE 1,85:1 No aprobado
Aa #697B95 sobre #9AABA4 1,79:1 No aprobado
Aa #807560 sobre #ABA17F 1,76:1 No aprobado
Aa #9FB2CF sobre #D8E9E0 1,71:1 No aprobado
Aa #7F956D sobre #A0C68D 1,71:1 No aprobado
Aa #697B95 sobre #ABA17F 1,67:1 No aprobado
Aa #515D7B sobre #463E37 1,60:1 No aprobado
Aa #667258 sobre #7F956D 1,56:1 No aprobado
Aa #515D7B sobre #697B95 1,52:1 No aprobado
Aa #9FB2CF sobre #7F956D 1,52:1 No aprobado
Aa #A0C68D sobre #D8E9E0 1,52:1 No aprobado
Aa #ABA17F sobre #B9C6BE 1,46:1 No aprobado
Aa #515D7B sobre #807560 1,45:1 No aprobado
Aa #B9C6BE sobre #D8E9E0 1,40:1 No aprobado
Aa #7F956D sobre #807560 1,39:1 No aprobado
Aa #7F956D sobre #9AABA4 1,36:1 No aprobado
Aa #9AABA4 sobre #B9C6BE 1,36:1 No aprobado
Aa #A0C68D sobre #ABA17F 1,35:1 No aprobado
Aa #697B95 sobre #7F956D 1,32:1 No aprobado
Aa #515D7B sobre #667258 1,28:1 No aprobado
Aa #7F956D sobre #ABA17F 1,27:1 No aprobado
Aa #A0C68D sobre #9AABA4 1,25:1 No aprobado
Aa #9FB2CF sobre #B9C6BE 1,22:1 No aprobado
Aa #9FB2CF sobre #ABA17F 1,20:1 No aprobado
Aa #697B95 sobre #667258 1,18:1 No aprobado
Aa #667258 sobre #807560 1,13:1 No aprobado
Aa #9FB2CF sobre #A0C68D 1,12:1 No aprobado
Aa #9FB2CF sobre #9AABA4 1,12:1 No aprobado
Aa #A0C68D sobre #B9C6BE 1,08:1 No aprobado
Aa #ABA17F sobre #9AABA4 1,07:1 No aprobado
Aa #697B95 sobre #807560 1,05:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores