Weathered Harbor color palette — #FBEFE9 · #C58170 · #468EA0 · #2E6775 · #301E14

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

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Caramel (#C58170): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#468EA0): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#2E6775): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#301E14): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Timeworn Taupe Summit color palette (#FDEEEC, #C17D98, #688E6F, #42694B, #2E1E1C)
• Dusty Amber Pier color palette (#FAF0E5, #C29159, #387E82, #3F4875, #3C1A2A)
• Washed Denim color palette (#FFF1F3, #A682A7, #4B8A93, #29648E, #4C363A)
• Hushed Driftwood Cabin color palette (#FAF2DA, #908934, #6371A8, #414E82, #211903)
• Ancient Alley color palette (#FEF1F6, #CFA07B, #74A98C, #467FB1, #4B363F)
• Worn Corridor color palette (#FFEEE6, #E45746, #005DA1, #552F8D, #2B0402)
• Tempered Lagoon Veranda color palette (#F8F0EC, #ECB3AB, #63905F, #9E5D55, #161709)
• Worn Field color palette (#FFEEE4, #E3BB9B, #958350, #535A16, #003B10)

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