Abyss Pier color palette — #DDE5E8 · #ACBBC8 · #818FA5 · #004E56 · #0C232B

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

The five colors

• Frost (#DDE5E8): bright and airy, almost weightless.
• Ash (#ACBBC8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#818FA5): A luminous, dusty blue — the color of open sky before noon.
• Deep Teal (#004E56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#0C232B): 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 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

• Wandering Abyss color palette (#E9F3EC, #A9B7AF, #7A948A, #004D59, #010E06)
• Timeworn Petrol color palette (#DFE8ED, #BAC6CD, #8DA9BE, #006D7E, #112229)
• Dusty Meadow color palette (#F3F5FC, #DED6DE, #B9AEC1, #685698, #373949)
• Petrol Atelier color palette (#EFF7FB, #D9DAE5, #C1BDCC, #2D8095, #3C4A51)
• Muted Boulevard color palette (#E3EAF5, #9699A6, #706C88, #00216C, #010919)
• Softworn Cerulean color palette (#D1F1F3, #578FBC, #584C7E, #443B00, #1C2B0A)
• Abyss Canyon color palette (#DAEEE3, #648552, #005236, #00353C, #0B2100)
• Linen Lapis Boulevard color palette (#D4EFFF, #00B196, #0084B8, #5139C3, #001937)

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