Wandering Olive color palette — #E9F5EF · #9ABCAF · #697E48 · #754740 · #102E24

Walnut and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F5EF): a clean, paper-quiet neutral.
• Ash (#9ABCAF): A luminous, dusty teal — the color of sea glass.
• Walnut (#697E48): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#754740): A full-bodied, dusty orange — the color of toasted spice.
• Deep Forest (#102E24): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Wandering Olive into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Lagoon Courtyard color palette (#EAF5F2, #A5CCC9, #588E8D, #775764, #1E3634)
• Tempered Olive color palette (#E5F8E8, #B6A770, #756E00, #7A350E, #282000)
• Tempered Pine color palette (#FBF4EA, #B9B088, #52814B, #6D505C, #4E4200)
• Aged Bronze color palette (#F8F5EA, #C0CA9D, #809A5F, #9F5F40, #4D4200)
• Powdered Forest Basin color palette (#D3EBE4, #76A367, #006F29, #642B00, #051C00)
• Dusty Bronze Boulevard color palette (#FFECF4, #E7B08F, #A85F31, #612B00, #2A0F00)
• Muted Pewter color palette (#EDF9F0, #B8E6EA, #82AA83, #776E9F, #1D4035)
• Washed Driftwood Dune color palette (#FDEDF4, #E6D2D0, #DFC499, #B17462, #422934)

Browse the whole catalog at Explore, or see today's palette.