Olive Pier color palette — #F3E7D2 · #57731E · #004228 · #00232C · #020300

Built around Olive, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Parchment (#F3E7D2): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#57731E): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004228): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Pine Terrace color palette (#F1EFDD, #037B53, #003F40, #192200, #000402)
• Emerald Delta color palette (#CDE8DE, #699E5A, #005D36, #003330, #000200)
• Onyx Canyon color palette (#FAECD7, #71813A, #00522B, #4F0034, #060900)
• Onyx Cabin color palette (#F3DED2, #705213, #292D00, #1F0036, #020100)
• Hushed Moss Atelier color palette (#F1E4C7, #76A45B, #006C52, #00445D, #091B00)
• Washed Fern color palette (#E9DDD1, #988F57, #366311, #522351, #161200)
• Hazy Olive Ridge color palette (#FEEFE3, #BDA662, #5A7711, #62396F, #291F00)
• Dusty Lagoon color palette (#F9EBE6, #58959E, #004F73, #002D1B, #00001F)

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