Olive Pier color palette — #F5F8DE · #92D28C · #C88CD4 · #308C2B · #3A1641
Built around Olive Leaf, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Custard (#F5F8DE): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#92D28C): A luminous, balanced green — the color of fresh herbs.
- Mauve (#C88CD4): A luminous, balanced pink — the color of peonies in June.
- Olive Leaf (#308C2B): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#3A1641): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Feathered Seafoam color palette (#EBFBE2, #53D9BC, #DD86B1, #008A74, #44112E)
- Patina Lilac Summit color palette (#FAF5E1, #C0C76A, #9E9AF2, #787D00, #25204D)
- Lagoon Dune color palette (#F0F9E8, #89EBC7, #E1A4D3, #00A27B, #4E2947)
- Linen Emerald color palette (#DDF4F1, #8DD291, #58B9FF, #00AF36, #00395A)
- Hushed Raspberry color palette (#F2F9DB, #66BC7D, #BF77C3, #B1599D, #191E02)
- Worn Rose color palette (#E2FFDB, #2FDCCD, #EB4376, #007C72, #3F0016)
- Indigo Field color palette (#DBF5F4, #42A373, #725FE3, #006840, #322F59)
- Chestnut Harbor color palette (#FFF3E6, #D8C696, #AA8153, #80472F, #292100)
Browse the whole catalog at Explore, or see today's palette.