Olive Pier color palette — #F2ECD0 · #99B863 · #458C00 · #5A6100 · #253400

Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F2ECD0): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#99B863): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#458C00): A full-bodied, vivid green — the color of a quiet forest floor.
• Olive (#5A6100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#253400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Pale Lagoon Archive color palette (#E9EED8, #66C091, #008C6C, #5F5F00, #003821)
• Hushed Olive Pier color palette (#FBF5E3, #B1BA88, #6F8C3F, #4D6D4C, #37362F)
• Hushed Moss Atelier color palette (#FBE9C5, #7CA122, #006D33, #4F4200, #253400)
• Moss Ridge color palette (#CFF6E2, #B1CC80, #5AAD56, #847E2C, #253400)
• Bronze Coast color palette (#F7F6EB, #D2D4B4, #83A684, #878036, #515100)
• Softworn Emerald color palette (#EFF1DF, #419859, #00633F, #004238, #001505)
• Dusty Teal color palette (#DEF2E8, #00B797, #008A7B, #00635E, #003B3C)
• Indigo Drift color palette (#CFEEF3, #009EB0, #6169FF, #12861B, #002A30)

Browse the whole catalog at Explore, or see today's palette.