07 · Color
Cálidos para destacar, dos colores para dos caminos
La referencia elegida confirma la paleta: coral, violeta, tinta ciruela, amarillo sol, crema y toques pastel (durazno y lavanda). Las plataformas de pega son casi todas azules. WOLA se reconoce al tiro con coral, y usa el color para decir de qué lado estás.
Ofrezco
Coral#FF5A4E · RGB 255 90 78
Color protagonista. Lado de quien ofrece.
Busco
Violeta#5B3FD9 · RGB 91 63 217
Lado de quien busca pega o servicio.
Match
Rosado match Pendiente
#FF4F9A · No aparece en la referencia (ahí el «¡Match!» va en amarillo). Falta decidir si se mantiene.
¡Pega!
Amarillo sol#FFC93C · RGB 255 201 60
Celebración: pega concretada, logros.
Fondo
Crema#FFF6EC · RGB 255 246 236
Fondo principal. Mucho aire.
Texto
Tinta ciruela#2B1E3F · RGB 43 30 63
Todo el texto. Nunca negro puro.
Suave
Rosado suave#FFD6CF
Fondos de apoyo del lado Ofrezco.
Suave
Lavanda#E9E4FF
Fondos de apoyo del lado Busco.
Degradado del match Pendiente
Coral → rosado → violeta. Solo para momentos de encuentro (match, portada, banners). Nunca de fondo de textos largos.
Proporción
Crema 60%
Tinta 20%
Coral / Violeta 12%
Sol
Fondo claro y un solo color fuerte por pieza. En una pantalla del lado Ofrezco manda el coral; del lado Busco, el violeta. Se juntan solo en el match.
Contraste (para que todos puedan leer)
| Combinación | Contraste | Uso |
| Tinta sobre crema | 14,4 : 1 | Todo el texto |
| Blanco sobre violeta | 6,7 : 1 | Botones «Busco», textos sobre violeta |
| Tinta sobre coral | 5,0 : 1 | Botones «Ofrezco» (texto en tinta, no en blanco) |
| Tinta sobre amarillo sol | 10,1 : 1 | Avisos de celebración |
| Coral texto #C8352B sobre crema | 4,9 : 1 | Enlaces y texto chico en coral |
| Blanco sobre coral #FF5A4E | 3,1 : 1 | Solo títulos grandes (24 px o más). Nunca texto chico. |
| Coral #FF5A4E sobre crema | 2,9 : 1 | Solo formas y dibujos, no texto. |
Referencia: norma WCAG AA (4,5 : 1 para texto normal, 3 : 1 para texto grande). Los tokens están en wola-marca.css.