Paleta Halloween Color Palette

Negro medianoche, naranja calabaza, púrpura de bruja y un acento lima tóxico: espeluznante y lúdico, no sangriento. Anclas: #1A1A1A, #F97316, #6D28D9, #A3E635.

halloweenoctubreespeluznante
#1A1A1A
#F97316
#6D28D9
#A3E635
#8E8E8E
#1a1a1a #f97316 #6d28d9 #a3e635 #8e8e8e
#1A1A1A #F97316 #6D28D9 #A3E635 #8E8E8E

Roles semánticos

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

background#A3E635
surface#F97316
text#1A1A1A
text-muted#6D28D9
primary#F97316
secondary#6D28D9
accent#8E8E8E

Variables CSS 

:root {
  --background: #a3e635;
  --surface: #f97316;
  --text: #1a1a1a;
  --text-muted: #6d28d9;
  --primary: #f97316;
  --secondary: #6d28d9;
  --accent: #8e8e8e;
}
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#1A1A1A#F97316#6D28D9#A3E635#8E8E8E
#1A1A1A
1.0
6.2
2.5
11.5
5.3
#F97316
6.2
1.0
2.5
1.9
1.2
#6D28D9
2.5
2.5
1.0
4.7
2.2
#A3E635
11.5
1.9
4.7
1.0
2.2
#8E8E8E
5.3
1.2
2.2
2.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

#1A1A1A
rgb(26, 26, 26)
#F97316
rgb(249, 115, 22)
#6D28D9
rgb(109, 40, 217)
#A3E635
rgb(163, 230, 53)
#8E8E8E
rgb(142, 142, 142)

Paletas similares

E-commerce Color Palette
Fitness Color Palette
Nature Color Palette

Preguntas frecuentes

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

Copia las variables CSS de abajo en :root y usa var(--primary), var(--background), etc. Paleta completa: #1A1A1A, #F97316, #6D28D9, #A3E635, #8E8E8E.

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

Halloween Color Palette — #1A1A1A #F97316 #6D28D9 #A3E635 #8E8E8E — Tintiva