Weathered Harbor color palette — #F6E1DB · #1B9D9B · #005266 · #002F07 · #00040E

A conversation between Cerulean and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F6E1DB): A whisper-light, dusty orange — the color of autumn markets.
• Cerulean (#1B9D9B): A luminous, balanced teal — the color of sea glass.
• Peacock (#005266): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#002F07): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00040E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Navy Lantern color palette (#EEE3DB, #36839C, #003C6E, #002019, #01000B)
• Muted Dune color palette (#EDDED8, #6CA7B1, #005F89, #003B26, #01032E)
• Ancient Aqua Alley color palette (#E5F2E7, #67CAC6, #007580, #00402E, #000305)
• Nightshade Hollow color palette (#F4E8DD, #4492C1, #152FBB, #002C2A, #060017)
• Indigo Alley color palette (#D7EBD2, #51ACD9, #7E68D2, #004418, #000708)
• Cocoa Loft color palette (#E9F4E2, #006B58, #802700, #003228, #090100)
• Ancient Lagoon color palette (#F1E7DD, #8CC0B1, #5361BA, #004B4D, #1D0A31)
• Feathered Petrol Orchard color palette (#FCEEE9, #78CBD1, #007CA5, #00552D, #001740)

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