Abyss Drift color palette — #E1E9EF · #A9B3C7 · #8A89B0 · #004A68 · #020C15

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

The five colors

• Frost (#E1E9EF): bright and airy, almost weightless.
• Ash (#A9B3C7): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8A89B0): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004A68): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#020C15): 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 Drift 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

• Patina Navy color palette (#DEE6EF, #9B9EB4, #807692, #003177, #01040E)
• Timeworn Petrol color palette (#D8E3DE, #D3BCCC, #BA9BA4, #006893, #14231D)
• Aubergine Coast color palette (#E8E8F0, #D0C7D7, #B799B1, #6E398A, #151420)
• Ancient Driftwood color palette (#EFF2F8, #DBD5DC, #BCABAC, #7B7EAB, #34363C)
• Ultramarine Field color palette (#EBF2FF, #D1D2E6, #C89CB4, #3348C7, #0F1A2D)
• Dusty Cobalt color palette (#D9EAEF, #5B74AF, #703B66, #193302, #001814)
• Garnet Thicket color palette (#C6E5F0, #00646C, #6A001A, #082000, #010500)
• Weathered Aubergine color palette (#DEF1E9, #007181, #3F009D, #1D2100, #00060D)

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