Paleta Hotel Color Palette

Carbón, oro viejo y blanco cálido: lujo contenido para marcas de hostelería. Anclas: #1F2937, #C9A227, #F8F5EF.

hoteleshosteleríalujo
#1F2937
#C9A227
#F8F5EF
#93979F
#866C2A
#1f2937 #c9a227 #f8f5ef #93979f #866c2a
#1F2937 #C9A227 #F8F5EF #93979F #866C2A

Roles semánticos

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

background#F8F5EF
surface#C9A227
text#1F2937
text-muted#866C2A
primary#C9A227
secondary#93979F
accent#866C2A

Variables CSS 

:root {
  --background: #f8f5ef;
  --surface: #c9a227;
  --text: #1f2937;
  --text-muted: #866c2a;
  --primary: #c9a227;
  --secondary: #93979f;
  --accent: #866c2a;
}
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#1F2937#C9A227#F8F5EF#93979F#866C2A
#1F2937
1.0
6.1
13.5
5.0
2.9
#C9A227
6.1
1.0
2.2
1.2
2.1
#F8F5EF
13.5
2.2
1.0
2.7
4.6
#93979F
5.0
1.2
2.7
1.0
1.7
#866C2A
2.9
2.1
4.6
1.7
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

#1F2937
rgb(31, 41, 55)
#C9A227
rgb(201, 162, 39)
#F8F5EF
rgb(248, 245, 239)
#93979F
rgb(147, 151, 159)
#866C2A
rgb(134, 108, 42)

Paletas similares

Luxury Color Palette
Restaurant Color Palette
Gold Color Palette

Preguntas frecuentes

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

Copia las variables CSS de abajo en :root y usa var(--primary), var(--background), etc. Paleta completa: #1F2937, #C9A227, #F8F5EF, #93979F, #866C2A.

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

Hotel Color Palette — #1F2937 #C9A227 #F8F5EF #93979F #866C2A — Tintiva