Abyss Pier color palette — #DBE5ED · #ACB3C2 · #8A8AA6 · #004A66 · #000C17

A conversation between Navy and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Frost (#DBE5ED): bright and airy, almost weightless.
• Ash (#ACB3C2): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8A8AA6): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#004A66): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000C17): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Tempered Navy color palette (#D7E1EC, #9A9FB3, #7E778F, #00346D, #00040E)
• Aubergine Veranda color palette (#E8E8F1, #CEC9D4, #AE9EAB, #674280, #151420)
• Petrol Terrace color palette (#E6F0EC, #CEBFCA, #B89CA4, #006991, #0D241C)
• Patina Ultramarine Coast color palette (#ECF2FD, #D0D2E6, #B3A4C5, #2B4FBD, #0C1A30)
• Denim Workshop color palette (#D4EBE6, #5B88A3, #654577, #003A1E, #001A0A)
• Timeworn Bronze color palette (#F2D8E7, #957224, #3F4900, #321C4D, #0C0700)
• Weathered Parlor color palette (#E3E7C6, #00727D, #352686, #1F2000, #00060C)
• Obsidian Denim Quarry color palette (#DDEEFF, #005C94, #4F2D00, #241800, #040400)

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