The Willow palette.
Willow green is the anchor. A set of energetic accents gives data, categories and illustration room to breathe — without ever losing the green. Click any swatch to copy its hex.
The mark & the lockup.
The mark is the square doorway — use it alone for favicons, avatars and tight spaces. Pair it with the wordmark for the full lockup. Keep clear space around it equal to the height of the inner square.
Willow green
Primary — the one color that says “Willow”. Logo, primary actions, links.
The supporting cast.
Use one accent per surface to set a tone — never a rainbow on a single component. Pair the base with its soft tint on light backgrounds; switch to bright on the deep surface.
Riverbed teal
Indexing & data flow accents.
Daylight sky
Proofs & verification accents.
Twilight violet
Storage & records accents.
Sunlight amber
Highlights & warm emphasis.
Bloom coral
Sparingly — alerts of interest, standout tags.
One ramp for charts and tags.
When a chart or set of tags needs distinct colors, walk this order. Green always comes first.
#2f7a5c#0e9b8e#2f6fed#7c5cff#f59e0b#f4567bSurfaces & ink.
A few rules.
Do
- Lead with willow green. It carries the identity.
- Use accents to differentiate data, not to decorate.
- Reach for the soft tints for fills and badges.
- Keep coral rare — it should feel like a highlight.
Don't
- Mix three+ accents on one card or button row.
- Recolor the logo into an accent hue.
- Use a base accent as page background — use its soft.
- Invent new hues; extend the ramp here instead.