Weathered Harbor color palette — #EFF8F0 · #A6CBDE · #3681A5 · #00605E · #1D3D59

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sky (#A6CBDE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3681A5): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#1D3D59): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Softworn Cobalt color palette (#F9EEF5, #96D3E2, #1382C6, #005E45, #161D3D)
• Petrol Canyon color palette (#F1F7F2, #CDDFEE, #658DBE, #006E80, #39466B)
• Petrol Coast color palette (#E9F1EA, #8FB6D8, #3C67AD, #004D5F, #212560)
• Antique Orchard color palette (#FBF4EA, #AEECFD, #67BDE8, #319E9A, #1E3D59)
• Patina Abyss Pier color palette (#D8E5DB, #609C98, #00545B, #003121, #00171E)
• Worn Harbor color palette (#FDF3ED, #A3E0F0, #419CE2, #007F61, #4D2F46)
• Raspberry Chapel color palette (#EDDDFC, #B15587, #737100, #006483, #342341)
• Wandering Mulberry Lagoon color palette (#F2EBFC, #BA72A1, #008E66, #911B73, #00402C)

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