Olive Alley color palette — #FFF1F6 · #B7B184 · #5B7F47 · #4F5876 · #33483D
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Sage (#B7B184): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5B7F47): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#4F5876): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal (#33483D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, 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
- Wandering Cypress color palette (#EEF8F3, #8CBAB4, #2B8473, #67506B, #314845)
- Stone Harbor color palette (#FAF0E3, #BCB67C, #6E7C49, #654D56, #2D2715)
- Patina Pine color palette (#EEF8EF, #97A262, #18763A, #534267, #1F3C32)
- Muted Alley color palette (#EDF9EF, #CDC789, #899667, #6D6F8D, #33483D)
- Washed Cerulean color palette (#FAF3F9, #B8E5F3, #0D98C2, #3D6F4A, #37495F)
- Timeworn Terracotta color palette (#FFF0FA, #DD846B, #009E98, #A24429, #0B4D49)
- Timeworn Boulevard color palette (#D7E9E4, #419F7F, #006166, #5A2C42, #003032)
- Quiet Olive color palette (#D8E7DD, #61873C, #00523A, #44174E, #102000)
Browse the whole catalog at Explore, or see today's palette.