Paleta Autumn Color Palette

Naranjas de hoja caída, óxidos y marrones profundos. Cálidos, nostálgicos y marcadamente estacionales.

otoñocálidoestacional
#8B2500
#C75B12
#E39B2D
#7A4B1B
#4E2E0F
#8b2500 #c75b12 #e39b2d #7a4b1b #4e2e0f
#8B2500 #C75B12 #E39B2D #7A4B1B #4E2E0F

Roles semánticos

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

background#E39B2D
surface#C75B12
text#4E2E0F
text-muted#8B2500
primary#8B2500
secondary#C75B12
accent#7A4B1B

Variables CSS 

:root {
  --background: #e39b2d;
  --surface: #c75b12;
  --text: #4e2e0f;
  --text-muted: #8b2500;
  --primary: #8b2500;
  --secondary: #c75b12;
  --accent: #7a4b1b;
}
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#8B2500#C75B12#E39B2D#7A4B1B#4E2E0F
#8B2500
1.0
2.1
3.8
1.2
1.4
#C75B12
2.1
1.0
1.8
1.7
2.9
#E39B2D
3.8
1.8
1.0
3.2
5.2
#7A4B1B
1.2
1.7
3.2
1.0
1.7
#4E2E0F
1.4
2.9
5.2
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

#8B2500
rgb(139, 37, 0)
#C75B12
rgb(199, 91, 18)
#E39B2D
rgb(227, 155, 45)
#7A4B1B
rgb(122, 75, 27)
#4E2E0F
rgb(78, 46, 15)

Paletas similares

Warm Color Palette
Sandybrown Color Palette
Thanksgiving Color Palette

Preguntas frecuentes

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

Copia las variables CSS de abajo en :root y usa var(--primary), var(--background), etc. Paleta completa: #8B2500, #C75B12, #E39B2D, #7A4B1B, #4E2E0F.

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

Autumn Color Palette — #8B2500 #C75B12 #E39B2D #7A4B1B #4E2E0F — Tintiva