Softworn Harbor color palette — #F2F2EC · #C7E0DB · #66A8B6 · #007B77 · #1C3E2D

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F2F2EC): a clean, paper-quiet neutral.
• Silver (#C7E0DB): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#66A8B6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007B77): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#1C3E2D): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Dusty Grove color palette (#F1F3EC, #C8DEDF, #75A89A, #1F768F, #402F42)
• Turquoise Corridor color palette (#F9F3F8, #D5D6EC, #5AA4C2, #4A7A68, #445464)
• Dusty Cerulean Ridge color palette (#EDEFE5, #468291, #004255, #001F21, #000103)
• Antique Petrol Thicket color palette (#E7EBE0, #93BEAE, #1470AF, #00485C, #001532)
• Lagoon Parlor color palette (#FEEBFB, #829BD2, #AF77A8, #00898E, #331F31)
• Cobalt Alley color palette (#F0F4E5, #B2DBC7, #008DC4, #00606F, #002741)
• Cobalt Courtyard color palette (#F9EEF7, #A2B2DD, #68AC94, #526CBD, #223900)
• Cerulean Station color palette (#FDECF6, #E7D1D1, #DDB5AF, #7184B4, #47323D)

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