Abyss Atelier color palette — #E3EFF3 · #8EA3B1 · #677E9A · #003F40 · #000508

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

The five colors

• Frost (#E3EFF3): a clean, paper-quiet neutral.
• Blue Fog (#8EA3B1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#677E9A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#003F40): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000508): quiet, heavy and certain.

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

Use it as a design system

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

• Timeworn Meadow color palette (#D4E0E8, #7E8FA5, #636A81, #002E40, #000103)
• Abyss Meadow color palette (#DAE5DA, #9AAFA6, #8F7689, #004041, #0B170B)
• Washed Navy color palette (#E0E4EC, #B0B1C4, #9188A4, #323888, #060A15)
• Abyss Market color palette (#E8F1EA, #BFD7C8, #8AB09F, #005861, #000401)
• Patina Petrol color palette (#EDF2F9, #DAD3E2, #B7B4C6, #4C6494, #1C2128)
• Antique Petrol Terrace color palette (#D8EBEC, #256CA2, #443A77, #342300, #0E0700)
• Tempered Aubergine color palette (#DEF0FA, #009A7C, #007DA4, #4D0BB5, #000205)
• Inked Pier color palette (#CDE9D8, #517510, #004222, #002426, #020300)

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