Concept
The palette combines grounded earth tones with industrial neutrals, reflecting the dual nature of the brand: human clarity and structural precision.
Each shade serves a defined function — hierarchy, focus, or contrast — ensuring visual harmony across pages and media.
Structure
Colors are embedded as reusable tokens within Framer, enabling effortless adaptation while preserving consistency.
The tonal logic extends across:
UI backgrounds and text layers,
image treatments and gradients,
and motion or hover states that follow the same hierarchy.
This system ensures scalability — one color update syncs across the entire ecosystem.
Usage
Ideal for multi-page design systems and editorial brands balancing warmth with clarity.
By combining neutral structure with emotional depth, the palette adapts to both creative and corporate contexts.
Outcome
A flexible tonal language that builds emotional continuity — allowing the brand to evolve without losing its voice.