Softworn Olive Harbor color palette — #E9F8FF · #00A5BD · #7C8700 · #006878 · #393F00

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

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cyan (#00A5BD): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#7C8700): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006878): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#393F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Softworn 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

• Olive Garden color palette (#C8E3F2, #008CAE, #547800, #005166, #1F2F00)
• Hushed Denim color palette (#EFF6FF, #7AA0DF, #479D77, #3563B1, #0C4F36)
• Indigo Pier color palette (#D5F0FF, #008EAE, #705FC6, #007342, #003645)
• Sunlit Indigo color palette (#DCFCFF, #00AD8A, #5975E0, #006C56, #263471)
• Weathered Ridge color palette (#DAE4FF, #756AFF, #008275, #4718C9, #003630)
• Worn Workshop color palette (#E5FCED, #38D4F4, #E15A08, #00869D, #642300)
• Wandering Periwinkle Atelier color palette (#ECF7FF, #C3E3FF, #87AFFE, #0585A1, #134764)
• Scarlet Veranda color palette (#E4F5FF, #00A8D3, #DC4647, #006580, #450006)

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