Olive Harbor color palette — #E4E1D4 · #A4A186 · #808038 · #373A00 · #060400

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

The five colors

• Parchment (#E4E1D4): bright and airy, almost weightless.
• Taupe (#A4A186): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#808038): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#373A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#060400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Dusty Olive Courtyard color palette (#E0E3D4, #8A907F, #5A7536, #003409, #010100)
• Softworn Basalt Canyon color palette (#E1EEE8, #97AFA9, #698683, #3B3A00, #00190F)
• Soft Summit color palette (#EAE8CB, #919300, #577E00, #005823, #000200)
• Wandering Study color palette (#ECE7DC, #B4B6A1, #8C9B83, #5E5300, #1B1300)
• Washed Pine Garden color palette (#F0F3EA, #CADCD1, #B7C4B0, #1C7E4C, #232717)
• Fern Meadow color palette (#E3E3C3, #495E00, #003A0B, #00171E, #010200)
• Muted Pine Veranda color palette (#E1F7E0, #00804F, #004D42, #00233C, #000428)
• Bronze Corridor color palette (#E8E2D7, #A89F86, #8B7C33, #413500, #070400)

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