Olive Harbor color palette — #F1E5CF · #687A39 · #524200 · #371A00 · #000802

A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1E5CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive (#687A39): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#524200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Espresso (#371A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000802): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Olive Harbor 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

• Fern Hollow color palette (#E8E0CD, #7A8E64, #615600, #482800, #001307)
• Cocoa Study color palette (#FEE7D9, #906933, #712B00, #470017, #070500)
• Wandering Cocoa Delta color palette (#F7F2E2, #AEAE8A, #7B7745, #6A4200, #1E260C)
• Washed Garnet color palette (#F6D8C0, #AE8722, #894700, #6B0011, #121400)
• Antique Courtyard color palette (#E6DAE3, #6173BB, #782100, #2000A1, #030100)
• Patina Ultramarine Grove color palette (#EFF0E2, #9F7900, #0062CA, #080619, #030004)
• Deep Navy Chapel color palette (#F7E2F1, #827C00, #170E79, #030029, #040003)
• Inked Aubergine Atelier color palette (#F6D7E2, #672AA3, #7F1200, #003109, #04000C)

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