Olive Harbor color palette — #D3E7E3 · #327D00 · #005F87 · #184300 · #00070E

Olive takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D3E7E3): A whisper-light, dusty teal — the color of sea glass.
• Olive (#327D00): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#005F87): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#184300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00070E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Thicket color palette (#DAEBE6, #496200, #005957, #5D3000, #010200)
• Timeworn Pine color palette (#D9EDEE, #007C58, #7C4B00, #00432E, #0C0400)
• Washed Grape color palette (#DFF2F6, #007972, #5338C0, #00423D, #06001F)
• Wandering Corridor color palette (#D8F5DB, #3B934E, #00551E, #00210A, #000301)
• Shadow Aubergine Drift color palette (#D1EAE6, #1D7226, #3F007A, #012904, #09001B)
• Charred Olive color palette (#CCE4E5, #6F7D00, #003426, #181B22, #000805)
• Feathered Olive color palette (#E7E8C9, #407D00, #962800, #173300, #040000)
• Dusty Fern color palette (#BCE9E5, #74AF8F, #009F8B, #305900, #001509)

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