Weathered Harbor color palette — #F7E3D9 · #428588 · #004353 · #002014 · #000104

Storm Blue takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F7E3D9): A whisper-light, dusty orange — the color of toasted spice.
• Storm Blue (#428588): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#004353): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#002014): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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 Ridge color palette (#EFE1D1, #557CA0, #1E3085, #001E24, #020009)
• Dusty Denim Harbor color palette (#EFE4EB, #5F9FA3, #00627A, #003D2A, #000A16)
• Obsidian Pine color palette (#D1E8DC, #007545, #003823, #000D05, #000200)
• Patina Petrol Dune color palette (#F5E6DC, #85BDD1, #1871AA, #004C46, #04103B)
• Lowlit Aubergine color palette (#E8EED1, #005D1B, #5E0072, #002707, #030004)
• Twilit Chestnut Market color palette (#ECE2D7, #635000, #3C2300, #1E0600, #010100)
• Pale Cerulean color palette (#FFEEE6, #8DDFEE, #008EC1, #006452, #00244D)
• Aubergine Canyon color palette (#D7E4DA, #004920, #520058, #410035, #000200)

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