Olive Pier color palette — #F1FCC4 · #97B372 · #4D8437 · #005F28 · #00482D
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#F1FCC4): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#97B372): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#4D8437): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005F28): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00482D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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 Boulevard color palette (#CDFCD4, #73BA93, #009070, #005C50, #004340)
- Olive Boulevard color palette (#FFEBC2, #BAAB63, #7B7500, #4F5800, #2A4200)
- Ancient Pine color palette (#FBF5E1, #88A25D, #2F7C3F, #00576A, #3D3E37)
- Sunlit Corridor color palette (#FFEDD0, #CAC973, #6F9F52, #047852, #004444)
- Worn Olive color palette (#F7F5EF, #D8DFD3, #B9C5B5, #777936, #4A4841)
- Wandering Coast color palette (#F5F9D7, #90BB9F, #609B8C, #506E64, #5A4A59)
- Dusty Pier color palette (#E5EDDD, #348100, #004D1A, #001E10, #00090A)
- Inked Basin color palette (#D0E7DB, #006F58, #003832, #001515, #000405)
Browse the whole catalog at Explore, or see today's palette.