Abyss Garden color palette — #E2E9EE · #98A7B4 · #7388A1 · #004C68 · #000B14

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

The five colors

• Frost (#E2E9EE): bright and airy, almost weightless.
• Blue Fog (#98A7B4): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7388A1): A luminous, dusty blue — the color of open sky before noon.
• Navy (#004C68): A deep, shadowed, dusty blue — the color of open sky before noon.
• 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 Garden 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

• Navy Atelier color palette (#E0E5ED, #9FA5AF, #7C85A2, #0D399F, #01091A)
• Tempered Abyss color palette (#DCEBE4, #A6C2B9, #9C8B9D, #00425B, #000201)
• Dusty Pewter color palette (#D8E1E6, #919BA6, #6A6D93, #00303E, #020B11)
• Aubergine Loft color palette (#EBEDFA, #B2B2C5, #9590B1, #612FA7, #101128)
• Lagoon Corridor color palette (#CAECEB, #36856A, #005145, #003333, #000804)
• Aged Ridge color palette (#DFE5F5, #7C6D9C, #613E6C, #521218, #290900)
• Cobalt Terrace color palette (#E9EFF7, #D0D8E5, #ADB8CE, #1672CB, #242F3B)
• Misty Lapis Corridor color palette (#D9EAFF, #00A2E6, #0076DD, #4018F4, #000111)

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