Abyss Coast color palette — #E7EFF2 · #9BACB5 · #62849A · #004045 · #00171F

Deep Teal and Storm Blue set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E7EFF2): bright and airy, almost weightless.
• Ash (#9BACB5): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#62849A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#004045): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Onyx Harbor color palette (#DFE9F0, #8D9CAB, #5C7195, #002E47, #030A12)
• Antique Nightshade color palette (#E5E8F1, #B4B8C8, #888AB2, #3C348D, #181E30)
• Weathered Abyss Quarry color palette (#E4ECE4, #9EBDAC, #A78AA9, #005F5F, #0C170C)
• Timeworn Cabin color palette (#DFF3FF, #00A7AF, #0080A1, #005381, #000B12)
• Tempered Denim color palette (#ECF7FD, #BDD7E7, #79AED1, #006578, #1D3743)
• Nocturne Pier color palette (#C9E4F6, #62565A, #003F56, #221C23, #000914)
• Olive Corridor color palette (#D2E3DE, #4B793E, #004418, #002A1C, #031400)
• Aged Basin color palette (#F3F5FB, #DED8E2, #CBBACE, #756C9A, #454750)

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