Color system · Play folder

Brand exploration - Olive system

A palette study around olive greens, soft contrast, and product interfaces that feel calm without becoming generic.

Category
Color system
Tools
Figma · Color systems
Format
Downloadable MD brief
Use with
AI agent context
Quiet product branding

What this is

A color-system study built around olive, mint, deep green, cream, and quiet contrast. It is a way to test whether a product can feel distinctive without leaning on loud gradients or decoration.

What it demonstrates

The palette explores hierarchy through temperature and value rather than spectacle. Dark greens carry structure, soft greens provide space, and cream tones keep the interface warm.

Design notes

The swatches are intentionally close enough to feel related but different enough to support real UI states. That matters when colors need to become tokens, charts, borders, pills, and backgrounds.

How it connects to product work

A palette is only useful if it survives implementation. This study connects visual taste to CSS variables, semantic tokens, light and dark modes, and repeatable interface decisions.

What to look for
Recruiter signal

Shows the bridge between visual direction and implementation: color choices are evaluated as product tokens, not only mood-board swatches.

Useful output

A critique frame for checking whether a palette supports hierarchy, status, charts, dark mode, and repeated UI use.

Next iteration

Convert the study into a token package branch with named roles, contrast notes, and generated CSS variables.

Let's build something

Got something you want shipped well?
Let's talk.

Open to work across senior product, UI/UX, full-stack, and AI-forward opportunities where design taste and shipping speed both matter.

Where
Bogotá, Colombia · remote worldwide
Response time
Usually within 24 hours
Find me
@jpcasabianca · everywhere