Olive Canyon color palette — #F4F3E3 · #5D8500 · #744D8D · #4F3361 · #220F06

A conversation between Olive Leaf and Plum, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#5D8500): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#744D8D): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#4F3361): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#220F06): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Olive Canyon 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

• Powdered Boulevard color palette (#F6F2E4, #818900, #455999, #313E71, #201009)
• Sunlit Emerald color palette (#F1F4E3, #50A359, #615A9E, #5E2E47, #361201)
• Muted Orchard color palette (#EFF4E6, #009678, #964158, #642235, #1D1204)
• Worn Aubergine Harbor color palette (#EEE7C1, #567C14, #69006E, #5A000D, #130000)
• Worn Lagoon color palette (#E7FAF4, #82A559, #5E7EB8, #894672, #3E232D)
• Tempered Jade color palette (#FFEEE3, #7AAC64, #007B7B, #65334F, #1F260E)
• Grape Station color palette (#E2F9E7, #007D83, #7A2EA8, #6C0046, #110D00)
• Timeworn Ridge color palette (#F2F2EA, #CFDDD4, #AFC3BC, #657D57, #2C2D24)

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