Olive Pier color palette — #EAF9F5 · #9DC376 · #00967C · #548100 · #051C1F
A conversation between Olive Leaf and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF9F5): a clean, paper-quiet neutral.
- Mint Leaf (#9DC376): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#00967C): A luminous, balanced teal — the color of sea glass.
- Olive Leaf (#548100): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#051C1F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Wandering Balcony color palette (#EBF8F8, #61CD9B, #00929B, #00875A, #011C25)
- Moss Atelier color palette (#ECF9F0, #CEB24D, #6B8F00, #886F00, #001E17)
- Misty Dune color palette (#D4F8EC, #58B880, #008B77, #0B5893, #053839)
- Powdered Hollow color palette (#F7F5EB, #C8D473, #00BAB7, #949F1C, #091E09)
- Faded Lagoon Summit color palette (#B7F2C2, #60C491, #009C79, #006759, #003A37)
- Emerald Dune color palette (#EFF7F6, #CBDDE4, #A7C5D3, #5D8F53, #303E3C)
- Hushed Pier color palette (#EDF7F9, #A3DFD4, #40ABC5, #34A090, #233036)
- Dusty Lagoon color palette (#EEF8F0, #EBCC86, #428FD0, #937100, #000610)
Browse the whole catalog at Explore, or see today's palette.