Olive Pier color palette — #F0EED4 · #889200 · #407700 · #00552F · #001611

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

The five colors

• Cream (#F0EED4): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#889200): A luminous, balanced green — the color of new leaves after rain.
• Olive (#407700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#00552F): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#001611): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Antique Moss color palette (#E0E4C5, #53A200, #008452, #005945, #001413)
• Misty Bronze Lagoon color palette (#FAE0C8, #A68100, #776E00, #3F5100, #001702)
• Feathered Coast color palette (#DEE5CE, #568700, #2F6500, #073F05, #001807)
• Soft Magenta Courtyard color palette (#E3E6CE, #4DBC3B, #CF16C7, #156105, #20001E)
• Airy Turquoise color palette (#D2EDD1, #3AD3C0, #00BDE5, #7D7900, #001B0F)
• Ancient Emerald color palette (#E5E9C7, #8EC300, #00B344, #008462, #003B39)
• Gentle Amber color palette (#F6E0C7, #AC8C00, #976000, #7F3100, #0B0D00)
• Faded Orchid color palette (#FBD3D3, #AA5DFF, #009D7B, #00271C, #010300)

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