Weathered Harbor color palette — #F5F7E9 · #AEF3FC · #00A3BD · #006A68 · #00232D

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

The five colors

• Ivory (#F5F7E9): a clean, paper-quiet neutral.
• Sea Foam (#AEF3FC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00A3BD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006A68): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00232D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Worn Market color palette (#E8EBDA, #48B0D2, #005D7D, #002A30, #000103)
• Aged Dune color palette (#E2ECE4, #83BFC6, #007791, #004C42, #001826)
• Turquoise Courtyard color palette (#F7EDDF, #A0E0E7, #25B6DA, #009381, #003249)
• Muted Clover Lagoon color palette (#F2FAD8, #00CC5C, #0E96F6, #007833, #001931)
• Tempered Terrace color palette (#F5F6EE, #B9E3EF, #9EC6F0, #629E9F, #3D5349)
• Jade Coast color palette (#ECFDD3, #00AC77, #008EBA, #7D6A00, #090F00)
• Tempered Mint color palette (#DBFFED, #00DF95, #008B5D, #00452B, #000603)
• Ultramarine Grove color palette (#EBF0E4, #7BBCFF, #0B60D0, #003A55, #000016)

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