Worn Harbor color palette — #EEF7F7 · #D3DCE3 · #B6C1CF · #487F7C · #3D4B4A

Teal takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Silver (#D3DCE3): a clean, paper-quiet neutral.
• Ash (#B6C1CF): A luminous, dusty blue — the color of open sky before noon.
• Teal (#487F7C): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#3D4B4A): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, 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

• Cypress Villa color palette (#EAF9F5, #89BAB9, #318378, #366459, #274949)
• Aged Pine Terrace color palette (#F1F3ED, #D1D8D4, #B0C0B9, #35875D, #2A2E23)
• Cerulean Delta color palette (#D2F8EF, #9DBFC3, #6C8DA5, #795F71, #684744)
• Antique Grove color palette (#D6E3E3, #96AEB4, #638496, #00432B, #001819)
• Hushed Study color palette (#E0E7ED, #B0B9C9, #898CA4, #004A6E, #14212B)
• Aged Petrol color palette (#FFF0F9, #6CA77E, #007787, #703A4A, #174549)
• Mint Corridor color palette (#DFFBFF, #D8EDA8, #56CCB0, #489CD1, #004643)
• Tempered Cocoa color palette (#E4FBF7, #62995A, #4B5EA1, #772E14, #572A0C)

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