Olive Canyon color palette — #F8F0D2 · #8D8C00 · #457400 · #00501D · #00281D

Olive and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F8F0D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#8D8C00): A luminous, balanced green — the color of new leaves after rain.
• Olive (#457400): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#00501D): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#00281D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Wandering Olive color palette (#ECF3D4, #688900, #375600, #123400, #001D17)
• Antique Moss color palette (#F2EEDD, #9DA600, #497A00, #00401E, #00140D)
• Misty Amber Villa color palette (#F8E4D4, #B98300, #6F5D00, #3A4600, #062400)
• Dusty Emerald color palette (#DCE6CC, #40A53B, #007C5B, #004C43, #002528)
• Turquoise Grove color palette (#E3E4C2, #94D6BE, #35B7DA, #706400, #022F1A)
• Hazy Emerald color palette (#F8F5BE, #ABC67A, #669F5A, #347F58, #1C554B)
• Wandering Byzantium Quarry color palette (#EDF1D2, #57AE4C, #954AC4, #0F5306, #29033D)
• Hushed Boulevard color palette (#E6F0DC, #2CC120, #00956F, #006860, #00393C)

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