Olive Pier color palette — #F8E9E1 · #009071 · #697700 · #041106 · #000201
A conversation between Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8E9E1): a clean, paper-quiet neutral.
- Fern (#009071): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#697700): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#041106): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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
- Weathered Olive Meadow color palette (#F6DDC3, #008A98, #1F850F, #00100B, #000202)
- Olive Dune color palette (#FDE2E8, #5A8B00, #986100, #0F0D01, #000300)
- Cypress Grove color palette (#DDEFE6, #008168, #00544C, #002827, #000303)
- Patina Studio color palette (#FFE4E7, #007FA8, #885800, #0C0B03, #000300)
- Midnight Bronze color palette (#CEE7DC, #8A7300, #2C2E00, #10191E, #060600)
- Wandering Boulevard color palette (#E6DFBD, #00A7D8, #00A579, #001E14, #000B0C)
- Abyss Workshop color palette (#D9E7E7, #90ABAC, #5C9097, #00532E, #000C0C)
- Nightshade Coast color palette (#D9EAED, #006058, #181FBF, #350068, #000202)
Browse the whole catalog at Explore, or see today's palette.