Olive Alley color palette — #F5DDE6 · #B6A374 · #707911 · #37538C · #342700

Olive Leaf takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F5DDE6): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#B6A374): A luminous, dusty gold — the color of old brass.
• Olive Leaf (#707911): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#37538C): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#342700): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Feathered Veranda color palette (#D9E9DE, #9FAB7C, #32853F, #594888, #252D04)
• Weathered Olive color palette (#FFF3E7, #D2B964, #6E801D, #415075, #211600)
• Olive Cabin color palette (#FFF1F5, #9ABFA8, #758A46, #505F98, #1C3D2B)
• Worn Pine Canyon color palette (#DAE9E1, #92B07A, #258557, #006169, #003129)
• Hushed Corridor color palette (#EAE4D6, #8F904E, #4E5D00, #00493C, #322800)
• Pale Aubergine Archive color palette (#D6F5E5, #6E8E5C, #006340, #482363, #061400)
• Powdered Cornflower color palette (#F9EAF0, #A3C9E8, #5185DA, #006B71, #282754)
• Weathered Ash Chapel color palette (#EEF7F5, #B3DAD8, #75A5AD, #807799, #345453)

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