Olive Harbor color palette — #F5F7E5 · #4F8028 · #00686C · #3A3574 · #3A2514

Olive Leaf and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#4F8028): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00686C): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3A3574): A deep, shadowed, balanced violet — the color of wild irises.
• Espresso (#3A2514): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Tempered Lagoon Ridge color palette (#F1F8E9, #319175, #00646D, #543060, #342814)
• Bronze Balcony color palette (#FCF5E3, #876F00, #376A39, #00476A, #3D2622)
• Cypress Courtyard color palette (#FFF3E8, #999D5B, #197B60, #643D65, #3E3E37)
• Dusty Onyx Grove color palette (#E8F7DC, #007257, #004653, #48004B, #211400)
• Weathered Navy color palette (#DDEFE1, #006A68, #282989, #490034, #141000)
• Powdered Moss Courtyard color palette (#FAF5E7, #928C32, #006B98, #752944, #552117)
• Airy Nightshade color palette (#E4FCF1, #006E93, #484193, #650419, #1D2408)
• Weathered Canyon color palette (#E4E7D5, #3D8437, #2A3624, #1F2110, #0A0E06)

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