Olive Pier color palette — #F0F7F3 · #A0CCB4 · #5F8A5C · #7A6F00 · #1C3330
Olive and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Pistachio (#A0CCB4): A luminous, dusty teal — the color of sea glass.
- Fern (#5F8A5C): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#7A6F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#1C3330): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Patina Pine Study color palette (#EEF7F6, #99CCC8, #358D88, #337F4A, #1F3135)
- Hushed Market color palette (#FAF3F5, #DBB995, #8A7F30, #985E00, #203329)
- Softworn Forest Meadow color palette (#D8FFF4, #AFCDA5, #5F8F66, #006F43, #00573F)
- Washed Denim Thicket color palette (#E9FAF3, #96B189, #518466, #006282, #2C4F4B)
- Ancient Courtyard color palette (#EDF4ED, #E1BD8A, #009693, #966714, #08191C)
- Timeworn Terrace color palette (#FAF4ED, #EDCC9A, #46AEAA, #AD8441, #273126)
- Washed Driftwood color palette (#F0F7F4, #D3DBDC, #A8ABB9, #808758, #495651)
- Tempered Lagoon color palette (#D1E7E6, #008D51, #114B5B, #003D20, #000404)
Browse the whole catalog at Explore, or see today's palette.