Weathered Harbor color palette — #C7F6F4 · #39768A · #254675 · #410513 · #180400

Built around Navy, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Honeydew (#C7F6F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#39768A): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#254675): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#410513): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#180400): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Worn Cabin color palette (#CBE3F8, #5A6389, #4D3065, #391C00, #0A0700)
• Aged Meadow color palette (#D2EACE, #3C7363, #004E56, #3B013C, #150005)
• Navy Hollow color palette (#DFE5C5, #2E7F70, #094778, #362C00, #121C02)
• Washed Coast color palette (#E4EACF, #48A891, #286089, #3A3000, #070600)
• Quiet Denim Meadow color palette (#D9EDD7, #1B95BA, #2C58A2, #661B29, #3B1301)
• Shadow Denim color palette (#C4EFF5, #00637A, #003E56, #001B34, #00020D)
• Wandering Denim Corridor color palette (#CDE5FB, #006192, #703800, #002D47, #060200)
• Hushed Archive color palette (#D8E5DA, #5D91B1, #004A88, #002B32, #01001E)

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