Abyss Basin color palette — #DFE7EC · #96A7B9 · #7987A0 · #004C67 · #000B14

Navy takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DFE7EC): a clean, paper-quiet neutral.
• Blue Fog (#96A7B9): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7987A0): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004C67): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Onyx Terrace color palette (#DBE3E9, #919BA7, #67708B, #003040, #000B14)
• Abyss Boulevard color palette (#E8F3EE, #B1BEBA, #A189A1, #00415D, #000201)
• Patina Courtyard color palette (#EAECFC, #B3B1C8, #9B8FAE, #5C3C95, #11131E)
• Muted Veranda color palette (#D7E2ED, #6070B1, #5B416E, #482A07, #131000)
• Faded Grape Coast color palette (#D3E7FF, #00A6C6, #0079C7, #5F36B8, #000015)
• Pine Corridor color palette (#D0F7F1, #008A5F, #005147, #00323A, #000804)
• Softworn Cerulean Loft color palette (#EDF6FF, #D9D8E9, #C2BBD1, #3E8EC4, #33424F)
• Washed Violet Workshop color palette (#F4F4FF, #E0DAF2, #C7B6D6, #9257C1, #313143)

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