Olive Harbor color palette — #EFF6FF · #7D9EDF · #C07D51 · #717505 · #273346

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#7D9EDF): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#C07D51): A luminous, balanced gold — the color of honey in a jar.
• Olive (#717505): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#273346): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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

• Softworn Dune color palette (#FFF0FD, #8AB2FF, #CE8D62, #74773C, #2D1F2C)
• Chalky Bronze color palette (#F3F4FF, #B494D9, #BB6643, #356D29, #003D5A)
• Pine Lagoon color palette (#F2F4FF, #AFA1D6, #AD9A67, #4A8B59, #393C4E)
• Bronze Parlor color palette (#E9F8FF, #56ACC0, #C27582, #9A5F1B, #1B3743)
• Driftwood Quarry color palette (#EAFAED, #B7A5E2, #AE6D9C, #696711, #3C3958)
• Dusty Station color palette (#DEFDF4, #78C0FF, #B8AF6A, #99925C, #223832)
• Aged Bronze color palette (#EAF8FF, #0090AD, #A75A10, #00624A, #1F3642)
• Hazy Corridor color palette (#F5F4FF, #D382EB, #807700, #007959, #3B1D43)

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