Abyss Pier color palette — #DEF1FF · #D8D3C9 · #91B2BA · #344A5D · #21282E

Charcoal and Ash set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DEF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#D8D3C9): bright and airy, almost weightless.
• Ash (#91B2BA): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#344A5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#21282E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

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

• Dusty Lichen Archive color palette (#E8FFC2, #EEEBFF, #B4D4DA, #44485E, #1F2029)
• Cerulean Corridor color palette (#EFF6FE, #B6EBF1, #6C87B0, #334862, #131C27)
• Muted Alley color palette (#F3F5FB, #DDD8DD, #BBB3AA, #ABA6E1, #4A4D56)
• Powder Quarry color palette (#EDDCD5, #FFB0D5, #B6B0FF, #35303D, #1C1E24)
• Tempered Driftwood color palette (#F4F4FF, #D0B6EC, #D89D98, #868732, #303040)
• Weathered Olive color palette (#F3F4FF, #BBA9E1, #BB7A74, #557535, #1A2534)
• Airy Veranda color palette (#D3F397, #FFBBCA, #39D0FF, #364B4B, #2B332F)
• Washed Seafoam color palette (#7AFFEA, #FBC8FF, #B5D7FF, #756477, #3B353C)

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