Paleta Luxury Color Palette

Negro, carbón y oro viejo. La combinación clásica de alta gama: contención más un acento metálico.

lujoeleganteoscuro
#1C1C1C
#2E2E2E
#C9A227
#8C6D2F
#F5EFE0
#1c1c1c #2e2e2e #c9a227 #8c6d2f #f5efe0
#1C1C1C #2E2E2E #C9A227 #8C6D2F #F5EFE0

Roles semánticos

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

background#F5EFE0
surface#C9A227
text#1C1C1C
text-muted#2E2E2E
primary#C9A227
secondary#2E2E2E
accent#8C6D2F

Variables CSS 

:root {
  --background: #f5efe0;
  --surface: #c9a227;
  --text: #1c1c1c;
  --text-muted: #2e2e2e;
  --primary: #c9a227;
  --secondary: #2e2e2e;
  --accent: #8c6d2f;
}
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#1C1C1C#2E2E2E#C9A227#8C6D2F#F5EFE0
#1C1C1C
1.0
1.3
7.0
3.5
14.9
#2E2E2E
1.3
1.0
5.6
2.8
11.8
#C9A227
7.0
5.6
1.0
2.0
2.1
#8C6D2F
3.5
2.8
2.0
1.0
4.2
#F5EFE0
14.9
11.8
2.1
4.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

#1C1C1C
rgb(28, 28, 28)
#2E2E2E
rgb(46, 46, 46)
#C9A227
rgb(201, 162, 39)
#8C6D2F
rgb(140, 109, 47)
#F5EFE0
rgb(245, 239, 224)

Paletas similares

Hotel Color Palette
Charcoal Color Palette
Gold Color Palette

Preguntas frecuentes

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

Copia las variables CSS de abajo en :root y usa var(--primary), var(--background), etc. Paleta completa: #1C1C1C, #2E2E2E, #C9A227, #8C6D2F, #F5EFE0.

¿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.

Luxury Color Palette — #1C1C1C #2E2E2E #C9A227 #8C6D2F #F5EFE0 — Tintiva