Weathered Harbor color palette — #F0F5FF · #4656B9 · #5B4100 · #003D52 · #101A31

Cobalt takes the lead with Bronze close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Cobalt (#4656B9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.
• Deep Teal (#003D52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#101A31): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged jewel, vibrant, muted, cool.

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

• Sapphire Hollow color palette (#F0F5FF, #4561B8, #822900, #00402E, #0E1A2F)
• Quiet Indigo color palette (#EDF1FF, #7861CE, #585700, #00424C, #0B283C)
• Byzantium Boulevard color palette (#FFECF2, #893EBF, #634E00, #00412E, #140616)
• Plum Study color palette (#F8F2FF, #A23E7D, #434D00, #0F306E, #21172A)
• Wandering Pewter color palette (#F5F4FB, #E0D6DB, #C0ADBA, #7D4E8D, #3A3942)
• Wandering Olive Garden color palette (#F7F3FC, #AE6D90, #517524, #364A76, #3B3342)
• Patina Mulberry Workshop color palette (#D0F8F4, #8676D0, #A2184B, #004A4B, #302C45)
• Plum Basin color palette (#FEF0FF, #B33551, #703E00, #003E46, #26182E)

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