Worn Olive Harbor color palette — #F8F0ED · #CBE3DB · #6BA7B7 · #6C7028 · #193E35

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

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Silver (#CBE3DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6BA7B7): A luminous, dusty blue — the color of deep harbor water.
• Olive (#6C7028): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#193E35): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Cypress Alley color palette (#F8F0EC, #C7E7E1, #7CA797, #4A7660, #412F3F)
• Bronze Veranda color palette (#FAF0E4, #D0AC80, #7E9FC9, #906934, #3D293E)
• Lagoon Lantern color palette (#F8F3F9, #D4E1EE, #8EB8D0, #5D9662, #415469)
• Hushed Lantern color palette (#F0DDD7, #448489, #004259, #00210D, #000106)
• Softworn Bronze Pier color palette (#FFDDD0, #DCA18F, #A37641, #68521B, #37352E)
• Patina Courtyard color palette (#F9F0E5, #D4E1CB, #AACDB9, #A98170, #403C35)
• Linen Cobalt color palette (#FFEEE4, #83C7DA, #0077BC, #00543F, #0E0652)
• Wandering Taupe Pier color palette (#FDF0DF, #BE9455, #748CC4, #6177A9, #322513)

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