Paleta Wedding Color Palette

Marfil, champán y rubor en neutros suaves: la paleta de boda moderna.

bodarománticoneutro
#F7F1E5
#E8D5C4
#C9B8A8
#F5E6E6
#DFD8CB
#f7f1e5 #e8d5c4 #c9b8a8 #f5e6e6 #dfd8cb
#F7F1E5 #E8D5C4 #C9B8A8 #F5E6E6 #DFD8CB

Roles semánticos

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

background#F7F1E5
surface#F5E6E6
text#C9B8A8
text-muted#E8D5C4
primary#E8D5C4
secondary#F5E6E6
accent#DFD8CB

Variables CSS 

:root {
  --background: #f7f1e5;
  --surface: #f5e6e6;
  --text: #c9b8a8;
  --text-muted: #e8d5c4;
  --primary: #e8d5c4;
  --secondary: #f5e6e6;
  --accent: #dfd8cb;
}
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#F7F1E5#E8D5C4#C9B8A8#F5E6E6#DFD8CB
#F7F1E5
1.0
1.3
1.7
1.1
1.3
#E8D5C4
1.3
1.0
1.4
1.2
1.0
#C9B8A8
1.7
1.4
1.0
1.6
1.4
#F5E6E6
1.1
1.2
1.6
1.0
1.2
#DFD8CB
1.3
1.0
1.4
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

#F7F1E5
rgb(247, 241, 229)
#E8D5C4
rgb(232, 213, 196)
#C9B8A8
rgb(201, 184, 168)
#F5E6E6
rgb(245, 230, 230)
#DFD8CB
rgb(223, 216, 203)

Paletas similares

Soft Wedding Color Palette
Warm Beige Color Palette
Greige Color Palette

Preguntas frecuentes

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

Copia las variables CSS de abajo en :root y usa var(--primary), var(--background), etc. Paleta completa: #F7F1E5, #E8D5C4, #C9B8A8, #F5E6E6, #DFD8CB.

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

Wedding Color Palette — #F7F1E5 #E8D5C4 #C9B8A8 #F5E6E6 #DFD8CB — Tintiva