Patina Abyss Harbor color palette — #D8E4E9 · #9AA7AE · #6F8A9C · #004F57 · #000B11

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

The five colors

• Frost (#D8E4E9): bright and airy, almost weightless.
• Taupe (#9AA7AE): a calm mid-gray that lets other colors speak.
• Storm Blue (#6F8A9C): A luminous, dusty blue — the color of deep harbor water.
• Deep Teal (#004F57): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina Abyss 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 Spruce color palette (#D8E4E8, #8E9CA6, #617288, #003235, #000B10)
• Abyss Study color palette (#E8F2EA, #AAC1B4, #749C8B, #00444D, #000200)
• Dusty Parlor color palette (#E4E9F3, #AFB4C3, #9094AA, #3B47A1, #0A1327)
• Airy Denim Alley color palette (#DDF0FC, #009EAF, #0084AF, #0061AE, #000307)
• Denim Pier color palette (#DBEFFF, #5979AD, #3F487E, #421E38, #23000D)
• Wandering Cerulean color palette (#F0F6FC, #D7D8E5, #BDBCCD, #4887B2, #303C47)
• Softworn Lagoon color palette (#C6ECEB, #006E8C, #003F6D, #350040, #000408)
• Pine Station color palette (#D7E8E3, #488543, #005427, #003427, #000900)

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