Weathered Harbor color palette — #D9EAE7 · #88B291 · #4B806D · #32566E · #0E2946

A conversation between Sage and Fern, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D9EAE7): bright and airy, almost weightless.
• Sage (#88B291): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4B806D): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#32566E): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#0E2946): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Tempered Canyon color palette (#DFF8F5, #75AF8D, #27745B, #26503F, #002222)
• Softworn Cerulean Loft color palette (#D1FAFB, #9EC1C5, #608D9A, #516177, #26314D)
• Onyx Thicket color palette (#CAF0E6, #3AB0B2, #007C8E, #363C80, #300F58)
• Patina Cerulean color palette (#E8F5F3, #A1CFE3, #2089A1, #005B5B, #002531)
• Navy Parlor color palette (#DCEFE2, #4F8171, #14625D, #053161, #080B34)
• Patina Petrol Balcony color palette (#DDE6CB, #A8B99E, #769677, #496791, #5A3B51)
• Antique Cabin color palette (#DAEFEF, #009363, #00799D, #6C5A00, #001819)
• Dusty Field color palette (#FFF4E1, #BAE6D8, #71A2A3, #876181, #563041)

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