Olive Alley color palette — #F9F2DC · #ACA75F · #2E9FA7 · #6E6700 · #002E31
A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F2DC): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#ACA75F): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#2E9FA7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#6E6700): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#002E31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Pine Orchard color palette (#F1F4E3, #80B37C, #3C97CB, #32762E, #002B41)
- Wandering Lagoon color palette (#FFEFDF, #CC9766, #49A175, #8F5510, #00301C)
- Olive Balcony color palette (#E8FBF0, #BEBA82, #23BAC5, #8D8300, #004C52)
- Cocoa Orchard color palette (#FAF1DC, #B4AB8B, #7D7742, #624700, #27230D)
- Pine Ridge color palette (#EFF5DD, #72B683, #BE7B50, #2C7543, #3F1D05)
- Hushed Stone color palette (#F6F3DD, #BFF0D7, #A5CFA9, #827F52, #36362F)
- Tempered Iris Delta color palette (#E8FBEE, #AE9F67, #9776C9, #796400, #4B3667)
- Cobalt Hollow color palette (#DDF0D7, #08A798, #6E73C0, #006359, #17163D)
Browse the whole catalog at Explore, or see today's palette.