Worn Harbor color palette — #F6F1EA · #C5E5D4 · #5495C0 · #006C70 · #39233A

A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Celadon Mist (#C5E5D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#5495C0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C70): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#39233A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Wandering Cerulean color palette (#F5F1EB, #C9E5C7, #3D9DA9, #286C55, #173325)
• Cobalt Veranda color palette (#F9F1E5, #A2DAEB, #008EC3, #006261, #002646)
• Hushed Station color palette (#F2EADD, #5592B4, #004B84, #002B31, #00001F)
• Tempered Corridor color palette (#F5EEE4, #63ABA8, #00646E, #003B2A, #000D13)
• Chalky Olive Parlor color palette (#FFEDEB, #C96991, #7D8800, #287399, #301513)
• Wandering Grove color palette (#F0F7F1, #BFEDFF, #73ACD2, #31898D, #37495F)
• Timeworn Petrol color palette (#EFE8DE, #89BBD4, #0070B2, #004A51, #041432)
• Sand Summit color palette (#FFEDEB, #E2D3CB, #F6BB99, #996F8F, #3A2721)

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