01 Foundations · 03
Color
Restraint everywhere, one deliberate accent. Warm neutrals — never cold gray.
Primary palette
Secondary — the Lienzo family
Approved combinations
These are the only ones:
- Base Lienzo → surfaces in Bugambilia, Núcleo, Lienzo Digital, Lienzo Mate.
- Base Núcleo → surfaces in Bugambilia, Lienzo. This makes dark mode canonical.
- Base Bugambilia → surfaces in Lienzo only.
Bugambilia usage
Primary actions, the brand dot, focus rings, the hero field. Its power comes from scarcity — one accent per composition.
As small text, use the contrast-safe ink: #C7008C on light, #FF47C5 on dark. Fills stay pure #FF00B4 with white type.
The interface ladder — canvas → tile → well
The three warm tones become three nested levels. Every screen stacks them in this order — never white-on-white, never cold gray.
| Level | Light | Dark | Where it lives |
|---|---|---|---|
| Canvas | #DFD9DB |
#141015 |
the deepest sheet, behind everything |
| Tile | #FFFFFF |
#241D26 |
cards and every notched container |
| Well | #EFE9EB |
#1F1920 |
sunken areas inside tiles: inputs, tracks |
Two adjacent levels never share a tone. A well never sits directly on the canvas. Going up from a tile — modals, menus — uses the raised surface, one step lighter in dark mode.
Dark mode — the night ramp
Not an inversion: a warm plum-charcoal ramp, one tone-step lighter per level. Bugambilia fills stay pure in both modes. Its primary use is component-scoped — a dark rail or app bar inside a light page — with full-site dark mode built from the same tokens.
Complementary palette
Data and module coding only — never generic status, never site chrome.
Chart series order is fixed: Bugambilia, Azul, Naranja, Verde, Amarillo, Mate. Mate is the neutral — “others”, the remainder. More than five categories? Group the tail into Mate instead of adding hues.