Olive Pier color palette — #E2F5EB · #5E7622 · #094405 · #430A01 · #0C1200

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E2F5EB): A whisper-light, dusty teal — the color of sea glass.
• Olive (#5E7622): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#094405): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Espresso (#430A01): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#0C1200): 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

• Antique Pine color palette (#D7ECE8, #02804B, #004235, #341C00, #001408)
• Ancient Olive Orchard color palette (#DEECE2, #507500, #00412B, #2C1035, #020300)
• Wandering Bronze color palette (#FAEDD5, #836A00, #444000, #1F2900, #00160C)
• Patina Garnet color palette (#E9EEDE, #435400, #00446B, #5D002B, #060900)
• Wandering Aubergine color palette (#DBF4EA, #5D6500, #5800BA, #2C3000, #140034)
• Faded Jade color palette (#E1E6D2, #63AE69, #008E78, #453900, #072104)
• Hushed Moss color palette (#F9E9C8, #5B9616, #006247, #4C2653, #111000)
• Worn Fern color palette (#DBE9DF, #90904A, #436000, #4C3B09, #0F3023)

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