Worn Harbor color palette — #F4F6ED · #BFE5E3 · #64AFD3 · #108A98 · #2D5044

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Silver (#BFE5E3): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#64AFD3): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#108A98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#2D5044): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Petrol Summit color palette (#E7EADE, #64ABD2, #006CA5, #004858, #00142B)
• Softworn Powder color palette (#FDF3ED, #C1E4F1, #8EC0F2, #46927D, #533349)
• Worn Cypress Parlor color palette (#FBF3EE, #BFE7D1, #648FB2, #0E7169, #583D54)
• Muted Cobalt color palette (#EDF0E5, #99CDE6, #0090CD, #00697B, #003051)
• Ancient Villa color palette (#FFF1F1, #E99BC9, #57ACF1, #B06292, #1C4C41)
• Patina Oat Orchard color palette (#FFF2F0, #E4D7D3, #ECBF9A, #BC8BA6, #624C47)
• Worn Amber color palette (#FFF2EF, #DE8798, #CD8800, #9473C3, #4D2F29)
• Hushed Workshop color palette (#FFF3E9, #D7B799, #BA8059, #8D5B44, #563500)

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