Weathered Harbor color palette — #DFF3EF · #008175 · #0068B4 · #536000 · #000202

Cobalt takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DFF3EF): A whisper-light, dusty teal — the color of sea glass.
• Teal (#008175): A full-bodied, balanced teal — the color of shallow lagoons.
• Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#536000): A full-bodied, balanced green — the color of a quiet forest floor.
• Black (#000202): a grounded near-black with real depth.

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

• Pale Lapis color palette (#D2F2F8, #007D8D, #4D4FD6, #086C16, #000203)
• Powdered Pine color palette (#DBEADB, #00862A, #007384, #745100, #000300)
• Feathered Byzantium color palette (#DCEEFF, #0082D5, #A334D2, #00776A, #000814)
• Worn Thicket color palette (#CFE9E4, #00A595, #007368, #003B34, #000202)
• Washed Terrace color palette (#C2E8E1, #00675C, #8B0059, #75002D, #000202)
• Indigo Parlor color palette (#D4E4D1, #446FFF, #008699, #001217, #000201)
• Wandering Drift color palette (#E4EEE0, #6DBABA, #28A3BC, #008065, #001514)
• Worn Violet Grove color palette (#D0F0FF, #009AC6, #8C60F4, #008B5B, #00141D)

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