Olive Pier color palette — #D4EBE1 · #97AF6A · #4D8221 · #00635F · #003127
Olive Leaf and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D4EBE1): A whisper-light, dusty teal — the color of sea glass.
- Sage (#97AF6A): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#4D8221): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#00635F): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#003127): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Emerald Orchard color palette (#E5FBF4, #A3BE95, #539154, #396B7B, #1E3C36)
- Cypress Balcony color palette (#D2EAEA, #66B79D, #008474, #295B78, #003033)
- Weathered Emerald Lantern color palette (#E0F4EF, #5EA661, #007440, #004E59, #032206)
- Moss Atelier color palette (#E4FCF1, #AFC583, #599B0A, #945646, #114438)
- Fern Corridor color palette (#D7EBD8, #949029, #366200, #38395E, #083122)
- Timeworn Olive color palette (#FFF1F7, #CBBB79, #638142, #5F456B, #001F0F)
- Tempered Lagoon color palette (#E5F2EF, #83D5D0, #00999E, #006E5D, #00353B)
- Hushed Studio color palette (#EEE3CE, #B9C17E, #7C9D61, #447C9B, #312802)
Browse the whole catalog at Explore, or see today's palette.