Olive Pier color palette — #F9E8D7 · #B6B040 · #458A38 · #5D4F8E · #322F00
Olive Leaf and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F9E8D7): A whisper-light, dusty gold — the color of old brass.
- Gold (#B6B040): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#458A38): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#5D4F8E): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#322F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, 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
- Airy Terrace color palette (#FFF1F6, #D3C756, #3E9500, #5E4893, #231F00)
- Worn Lime color palette (#F5EAD6, #95BA5C, #008E5F, #8A3A65, #233400)
- Gentle Veranda color palette (#DCF2E2, #98972C, #486600, #502587, #313000)
- Wandering Moss color palette (#F4EAD8, #C8C745, #79A900, #846BB4, #313000)
- Antique Loft color palette (#FDF4E7, #CFC599, #719C76, #876773, #4F4200)
- Weathered Teal color palette (#E8E7D3, #4DA684, #006E73, #662E52, #002116)
- Forest Harbor color palette (#F4EDE1, #748E4B, #00633F, #472A54, #0B1200)
- Pine Orchard color palette (#FFF2EE, #86DCDC, #009BC2, #00782E, #003363)
Browse the whole catalog at Explore, or see today's palette.