Worn Harbor color palette — #E1FCF9 · #E6C200 · #51B358 · #008089 · #00352A

A conversation between Saffron and Clover, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E1FCF9): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#E6C200): A whisper-light, vivid green — the color of a quiet forest floor.
• Clover (#51B358): A luminous, balanced green — the color of fresh herbs.
• Teal (#008089): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#00352A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Quiet Harbor color palette (#DFFDF3, #FFB165, #93B626, #039481, #0E3D37)
• Softworn Quarry color palette (#DBF9F3, #F8B85B, #76BE56, #0083B3, #00191A)
• Gentle Lime Corridor color palette (#DEFCFF, #86DA5B, #00BC9A, #387BB5, #013442)
• Sunflower Hollow color palette (#F6F8DE, #FECD52, #6FD78A, #00A8D2, #00382B)
• Wandering Boulevard color palette (#E5FCEE, #87A760, #1F7446, #2B5540, #1A3D35)
• Pale Chartreuse color palette (#DEFCFE, #CBE768, #5ED7BD, #4E93B7, #24444B)
• Frosted Canyon color palette (#BDEAE8, #95A400, #009B65, #006374, #001913)
• Worn Teal color palette (#DFEEC0, #6FB199, #527A8F, #614D67, #4C3A51)

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