Olive Harbor color palette — #E2E3D0 · #638100 · #005814 · #003824 · #001F24

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

The five colors

• Parchment (#E2E3D0): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#638100): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#005814): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003824): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001F24): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Weathered Pine color palette (#D3E4CF, #00914B, #005C4C, #003636, #061C2E)
• Powdered Olive Orchard color palette (#E0E5C3, #7BA32E, #218E11, #006539, #002218)
• Bronze Thicket color palette (#FDEDDA, #937300, #4C5100, #1D3300, #001F1A)
• Linen Aubergine color palette (#D0F5F1, #219346, #7E007C, #00461A, #310031)
• Ancient Aqua Dune color palette (#DEF5E5, #3FD7CA, #329BC2, #545600, #00282C)
• Weathered Corridor color palette (#DDEBE0, #006D34, #7F0085, #6E004E, #001707)
• Faded Emerald color palette (#E2EAB6, #8DBC61, #289558, #0E6550, #1E4D57)
• Orchid Pier color palette (#FFE8E2, #B262FF, #009777, #0A1A23, #000809)

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