Olive Pier color palette — #FAF0E2 · #B8AC74 · #5F854F · #415177 · #302C1B
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#B8AC74): A luminous, dusty green — the color of fresh herbs.
- Fern (#5F854F): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#415177): A full-bodied, dusty violet — the color of a velvet chair.
- Espresso (#302C1B): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Olive Pier 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
- Hushed Lagoon color palette (#FBF0DF, #8CB98D, #238A7F, #61456E, #292F1D)
- Patina Bronze Courtyard color palette (#FAF1E2, #D99B7A, #8F752D, #235A69, #37291B)
- Patina Marigold Garden color palette (#FFF0F7, #CB9F5B, #528462, #525679, #374D43)
- Patina Mustard Market color palette (#E7FCEB, #D1BE6C, #7E9C73, #5C6F8F, #364E44)
- Hazy Emerald Lagoon color palette (#F4E7D4, #5F9B55, #006A5E, #4A2461, #151B03)
- Hushed Chestnut color palette (#F1F3EA, #BCC9A8, #559084, #835718, #283700)
- Softworn Cypress color palette (#F5F1EB, #C3E7E1, #69A6BD, #2D7970, #233C34)
- Moss Drift color palette (#F1EEDE, #7D8C2F, #3B3F00, #211E10, #0F0C07)
Browse the whole catalog at Explore, or see today's palette.