Paleta Muted Color Palette

Medios tonos desaturados: silenciosos, premium e imposibles de hacer chocar. Anclas: #6D7A5F, #8A9A5B, #A8A29E.

apagadosereno
#6D7A5F
#8A9A5B
#A8A29E
#B39DDB
#C9B8A8
#6d7a5f #8a9a5b #a8a29e #b39ddb #c9b8a8
#6D7A5F #8A9A5B #A8A29E #B39DDB #C9B8A8

Roles semánticos

Asignados de forma determinista: el más claro = fondo, el más oscuro = texto, el más saturado = primario.

background#C9B8A8
surface#B39DDB
text#6D7A5F
text-muted#8A9A5B
primary#8A9A5B
secondary#A8A29E
accent#B39DDB

Variables CSS 

:root {
  --background: #c9b8a8;
  --surface: #b39ddb;
  --text: #6d7a5f;
  --text-muted: #8a9a5b;
  --primary: #8a9a5b;
  --secondary: #a8a29e;
  --accent: #b39ddb;
}
Vista previa en interfaces →

Matriz de accesibilidad

Color del texto (filas) sobre el fondo (columnas). Verde = cumple WCAG AA para texto normal (≥4.5:1).

Texto \ Fondo#6D7A5F#8A9A5B#A8A29E#B39DDB#C9B8A8
#6D7A5F
1.0
1.5
1.8
1.9
2.4
#8A9A5B
1.5
1.0
1.2
1.3
1.6
#A8A29E
1.8
1.2
1.0
1.1
1.3
#B39DDB
1.9
1.3
1.1
1.0
1.2
#C9B8A8
2.4
1.6
1.3
1.2
1.0

Bajo deuteranopía

Simulación de Machado et al. (2009), severidad 1.0 — aproximación, no es una herramienta médica.

Colores de esta paleta

#6D7A5F
rgb(109, 122, 95)
#8A9A5B
Moss Green
#A8A29E
rgb(168, 162, 158)
#B39DDB
Lavender
#C9B8A8
rgb(201, 184, 168)

Paletas similares

Sage Green Color Palette
Moss Green Color Palette
Lavender Color Palette

Preguntas frecuentes

¿Cómo uso la paleta Muted Color Palette en CSS?

Copia las variables CSS de abajo en :root y usa var(--primary), var(--background), etc. Paleta completa: #6D7A5F, #8A9A5B, #A8A29E, #B39DDB, #C9B8A8.

¿Estos colores pasan las comprobaciones de accesibilidad?

Consulta la matriz WCAG de esta página: cada combinación texto-sobre-fondo con ratio ≥ 4.5 cumple AA para texto normal; ≥ 3 cumple AA para texto grande y componentes de interfaz.

Muted Color Palette — #6D7A5F #8A9A5B #A8A29E #B39DDB #C9B8A8 — Tintiva