03 / Color

Del sol del Huila al verde de la selva.

La paleta Páez es la firma — amarillo sol y verde selva en un mismo gradiente. Tierra es la voz secundaria cálida, Guayaba el acento vivo, y Agua el apoyo neutral. Todo calibrado para light y dark.

Páez — la firma

Nombre tomado del río Páez, que nace en el Macizo y cruza el Huila de este a oeste.

La paleta va de sol (luz, energía, amanecer) a selva (profundidad, reposo, estructura). Úsala para acentuar estados activos, gradientes de marca y el lettermark.

paez-100#F5EFC4
paez-300#E0C94A
paez-400#D4B628
paez-600#8A8A36
paez-800#3F6B40
paez-900#2B4A2E

Escalas completas

03.1

Páez · principal

11 pasos · del sol al macizo

50#FBF8E8
100#F5EFC4
200#ECDE86
300#E0C94A
400#D4B628
500#B8A02A
600#8A8A36
700#5F7A3C
800#3F6B40
900#2B4A2E
950#172A1A

Tierra · secundaria · cálida

Ocres del valle — Magdalena + Suaza

50#FAF6EF
100#F2E8D4
200#E5D1A8
300#D4B47A
400#C29659
500#A87A42
600#8A6035
700#6B4A2C
800#4A3521

Guayaba · acento

Naranja del guaco — úsala con moderación para CTAs y alertas cálidas

50#FEF1EA
100#FCD9C5
200#F8B287
300#F08A52
400#E66A2E
500#C4511F
600#9A3D18

Agua · soporte · info

Azules del Magdalena para estados informativos

50#EDF5F4
100#CDE3E1
200#9CC4C1
300#6BA099
400#4A837C
500#346863

Ink · neutros warm

Grises con temperatura verdosa sutil — nunca neutros fríos

0#FDFCF7
50#F7F5ED
100#ECEBE1
200#D9D7C9
300#B8B6A6
400#8F8D7E
500#6C6A5D
600#4D4C42
700#36352E
800#23221D
900#14130F

Gradientes de marca

03.2

El gradiente Páez es el único gradiente aprobado para el lettermark. Los otros son para headers, fondos de diapositiva o estados destacados.

Páez — agua · selva#E2C728 → #5F8A52
Tierra — valle#D4B47A → #6B4A2C
Atardecer — sol · guaco#E2C728 → #E66A2E

Tokens semánticos

03.3

Nunca referencies colores crudos en componentes — usa los tokens semánticos para que light/dark "just work".

--bg
Fondo principal de la página
ink-0
--surface
Cards, modales, elementos elevados
white
--fg
Texto principal
ink-900
--fg-muted
Texto secundario, descripciones
ink-600
--brand
Color principal de marca (verde)
paez-800
--brand-alt
Acento amarillo del gradiente
paez-400
--accent
CTAs secundarios · énfasis
guayaba-400
--info
Estados informativos
agua-400
--success
Estados de éxito
paez-700
--warning
Advertencias suaves
paez-400
--danger
Errores, acciones destructivas
guayaba-500
--border
Bordes por defecto
ink-200

Combinaciones accesibles

03.4

Combinaciones validadas para WCAG AA en texto regular (≥ 4.5:1) o AAA donde es posible.

Texto sobre papel

ink-900 / ink-018.1:1 AAA

Claro sobre selva

paez-50 / paez-8009.4:1 AAA

Ink sobre sol

ink-900 / paez-40011.2:1 AAA

Sol sobre ink

paez-100 / ink-90015.3:1 AAA

Light & Dark

03.5

El sistema está calibrado para ambos modos: en claro, el brand es verde selva sobre papel cálido; en oscuro, el amarillo se vuelve el tono vivo dominante.

Light modepapel · día
Automatización con alma, para empresas del Huila.

Chatbots en WhatsApp, agentes IA entrenados, consultoría de procesos. Trabajo que fluye solo, 24/7.

Empezar →
Dark modenoche · profundo
Automatización con alma, para empresas del Huila.

Chatbots en WhatsApp, agentes IA entrenados, consultoría de procesos. Trabajo que fluye solo, 24/7.

Empezar →