Olive Harbor color palette — #D9F0DB · #A77700 · #497200 · #004F45 · #160100

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

The five colors

• Honeydew (#D9F0DB): A whisper-light, dusty green — the color of new leaves after rain.
• Ochre (#A77700): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#497200): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004F45): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#160100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Powdered Pier color palette (#E0F6EB, #7C7500, #00673C, #690027, #040100)
• Hushed Moss Ridge color palette (#EBE8D2, #938F00, #666F00, #415300, #0E1A00)
• Powdered Rust color palette (#F9D8E9, #CA5C00, #776200, #155200, #15000B)
• Twilit Bronze Field color palette (#D4E5D8, #856500, #3A3200, #0E1D1F, #000A02)
• Soft Aubergine Corridor color palette (#FADFEA, #BD6700, #656A00, #710070, #170001)
• Timeworn Moss color palette (#EFE8D7, #999543, #6A8248, #015A55, #00252A)
• Aubergine Lagoon color palette (#F9E1EC, #9B4E00, #00504E, #2B006A, #0D001D)
• Ancient Atelier color palette (#D7E9E5, #349A00, #00746D, #004969, #0C0700)

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