Abyss Harbor color palette — #CDF1F6 · #005B4E · #47474E · #181A20 · #000708

Pine takes the lead with Frost close behind in a set that reads as sophistication and depth at first glance.

The five colors

• Frost (#CDF1F6): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#005B4E): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#47474E): quiet, heavy and certain.
• Ink (#181A20): quiet, heavy and certain.
• Ink (#000708): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns 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

• Periwinkle Station color palette (#F0F6FF, #7A9AED, #40455A, #161F2C, #02060B)
• Forest Garden color palette (#CBF1ED, #5F5D55, #005E1E, #111E21, #000805)
• Softworn Lagoon color palette (#D0F6FF, #00918B, #454740, #00313B, #00090D)
• Muted Garden color palette (#EAF8FD, #5AC0C7, #455763, #202E32, #0A1112)
• Dusty Emerald color palette (#CFE7E1, #59A070, #005B47, #1A3300, #000200)
• Ancient Petrol Drift color palette (#E3F3E6, #83C3CE, #007291, #003E39, #000307)
• Tempered Drift color palette (#CEECDD, #399E9B, #00698C, #4F223F, #1C0002)
• Sunlit Summit color palette (#C4E8F9, #008DA4, #BB2300, #004450, #040000)

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