Olive Pier color palette — #EAF9F2 · #9F9A44 · #827B1B · #0A6980 · #332434
A conversation between Olive Leaf and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAF9F2): bright and airy, almost weightless.
- Moss (#9F9A44): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#827B1B): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#0A6980): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#332434): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, 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
- Washed Workshop color palette (#EAFAED, #C69147, #6F8135, #216F52, #2B273C)
- Softworn Olive Basin color palette (#E6FAF6, #7BA96B, #588548, #4A5694, #381E28)
- Antique Loft color palette (#E6FCE9, #E69A97, #93874C, #4E6195, #4D3442)
- Olive Balcony color palette (#D4FCE7, #827C00, #007466, #004E4C, #300020)
- Antique Bronze Lantern color palette (#FEF0FD, #CD7878, #AE6832, #006662, #322537)
- Aubergine Dune color palette (#E0FDEE, #A59700, #008868, #6F2891, #242000)
- Hushed Thicket color palette (#D9EAD8, #C27F00, #39544B, #253224, #1D151B)
- Quiet Aubergine Study color palette (#D5F4EB, #628800, #006C51, #651576, #0D1400)
Browse the whole catalog at Explore, or see today's palette.