Abyss Terrace color palette — #E7F1F4 · #A9BECB · #8094AA · #004546 · #000102

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

The five colors

• Cream (#E7F1F4): bright and airy, almost weightless.
• Ash (#A9BECB): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#8094AA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#004546): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000102): quiet, heavy and certain.

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

Use it as a design system

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

• Muted Spruce color palette (#DDE3DD, #8D9F94, #57796E, #003234, #030C04)
• Navy Market color palette (#E9EFF6, #CACFE4, #A6A2BF, #224993, #000208)
• Cobalt Boulevard color palette (#D5EAEA, #168CCC, #4F4470, #331F00, #060300)
• Worn Petrol color palette (#EEF7FB, #D8DAE5, #C4BED7, #298398, #122027)
• Shadow Workshop color palette (#F3DAE8, #007275, #002F68, #1B0600, #000102)
• Dusty Atelier color palette (#DCF7E6, #66872B, #004923, #002022, #010100)
• Indigo Coast color palette (#F0F5FF, #DED8E2, #C8A9A3, #6273DB, #1A243A)
• Cerulean Atelier color palette (#EBF8FC, #D7DAE5, #BCACAB, #33A3B0, #26383F)

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