Abyss Workshop color palette — #DEE8ED · #ABBECA · #7296B4 · #004451 · #000103

Deep Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DEE8ED): bright and airy, almost weightless.
• Ash (#ABBECA): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7296B4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#004451): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

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

• Tempered Navy color palette (#E0E4EA, #B1BBCF, #8891AD, #0A2F8F, #000105)
• Weathered Spruce color palette (#DFECF1, #919BA5, #677087, #003237, #000B11)
• Hushed Pine color palette (#CCE5E1, #448C59, #00482E, #00211C, #000200)
• Hushed Basin color palette (#D7E3F5, #7381B9, #584883, #380E22, #0A0001)
• Deep Navy color palette (#C9E5E5, #006C95, #003066, #1B001C, #000103)
• Hazy Ultramarine Archive color palette (#DDF0FF, #00BCDE, #0091D0, #0058B7, #000103)
• Antique Denim color palette (#F0F6FD, #DAD7EA, #AFBAD9, #355EA3, #040D1B)
• Tempered Azure color palette (#F0F6FA, #D8DBE6, #B5AEBA, #00A0CE, #243844)

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