Sistema de Color
Carta de color La Obra
Todo nace de #a34522 — tres escalas hermanas (misma saturación y luz, distinto tono) más neutros cálidos. Eclécticas entre sí, cohesivas dentro de cada escala.
1 · Terracota — escala base (primario)
Botones, enlaces, acentos. Ya aplicada en todo el sitio.
#f8e5dd
50
#f2cdc0
100
#e6a289
200
#da744e
300
#c65429
400
#a34522
500 ★
#83371b
600
#612914
700
#3f1b0d
800
2 · Petróleo — complementaria (acento frío, opción)
Contraste directo del terracota (mismo DNA, tono opuesto). Para destacar sobre el carbón, enlaces especiales, estados.
#c0e5f2
100
#89cee6
200
#4eb5da
300
#299cc6
400
#2282a5
500 ★
#1b6783
600
#144c61
700
3 · Dorado — análoga cálida (acento de marca, opción)
La familia del pan horneado. Para badges, números del proceso, detalles premium.
#f2e4c0
100
#e6cc89
200
#dab24e
300
#db821f
500 ★
#83651b
600
#614b14
700
4 · Neutros cálidos (estructura)
Textos secundarios, líneas, fondos alternos. Mismo tono cálido con saturación mínima.
#ebe9e7
100
#dddad5
200
#bfbab1
300
#9f9789
500
#575247
700
#403d35
800
Cómo usar: la escala 500 de cada familia es su estrella; los vecinos son sus
hovers y fondos. Para cambiar el primario del sitio completo basta editar
--lo-500 (y vecinos) en la_obra.css.