Abyss Basin color palette — #E0E7EA · #AFBBC2 · #7791AB · #004E57 · #02232F

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

The five colors

• Frost (#E0E7EA): bright and airy, almost weightless.
• Ash (#AFBBC2): a calm mid-gray that lets other colors speak.
• Slate Blue (#7791AB): A luminous, dusty blue — the color of deep harbor water.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#02232F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Nightshade Atelier color palette (#ECEEF4, #CACBD6, #A29CB9, #4F469A, #282D3C)
• Aged Cypress Cabin color palette (#E9F1E9, #B5CAC2, #B999AF, #006E73, #152317)
• Petrol Cabin color palette (#F0F6FA, #D8D9E0, #BDBDCB, #2F8095, #3D4A51)
• Hushed Loft color palette (#D6EBE3, #608558, #005331, #003634, #062101)
• Softworn Station color palette (#DFE6F0, #9499A8, #6D6F84, #00187B, #01081B)
• Hazy Navy color palette (#D8EBDC, #007286, #003B78, #4B0006, #001924)
• Aged Bloom color palette (#D6F3FF, #6A84A0, #565185, #592207, #332000)
• Ultramarine Alley color palette (#D4E3ED, #00B2B0, #0083AC, #2535E2, #001527)

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