Olive Harbor color palette — #F5F8DE · #C0E6C8 · #81C3AC · #57782F · #3A4200

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

The five colors

• Custard (#F5F8DE): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#C0E6C8): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#81C3AC): A luminous, dusty teal — the color of sea glass.
• Olive (#57782F): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3A4200): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged pastel, light, muted.

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

• Muted Courtyard color palette (#EBFBE9, #B5E7DD, #78B5CA, #007967, #29422D)
• Aged Bronze color palette (#FBF5E1, #E0DCBA, #8CBD7D, #856F01, #3E3D35)
• Muted Lagoon color palette (#F4F3DF, #AAE6C9, #52BDD1, #876D26, #24290B)
• Muted Dune color palette (#D9FFF6, #B6F0D1, #6EDDF2, #918045, #19433F)
• Pale Forest Atelier color palette (#DBE4C5, #8EC7AE, #149B89, #165901, #00321D)
• Wandering Teal color palette (#E3F6D8, #54BDB7, #008391, #00452F, #001915)
• Dusty Lagoon Basin color palette (#EBFAEB, #C3E6E1, #9FD1D0, #5A958B, #3F5242)
• Wandering Taupe color palette (#EBF1E3, #99A262, #005035, #00291A, #001609)

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