Abyss Lagoon color palette — #DCE4EB · #9DAAC1 · #797D9B · #003B5C · #051523

Built around Navy, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#DCE4EB): bright and airy, almost weightless.
• Mauve (#9DAAC1): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#797D9B): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#003B5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#051523): 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 Lagoon 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 Aubergine color palette (#DCDEE7, #A9A5C2, #897699, #39207B, #10131E)
• Aged Lantern color palette (#E4F4EE, #BDB0B9, #B18994, #005981, #021912)
• Washed Villa color palette (#ECEEFA, #CDCAD9, #A89AB0, #5A4A7F, #2B2D38)
• Ancient Mulberry color palette (#CDE8FC, #616BAC, #6C3062, #1D3206, #042000)
• Pewter Meadow color palette (#F6F4FC, #E8D7DF, #D1BBBF, #896786, #48464F)
• Washed Sapphire color palette (#DEE7F9, #00A6CB, #225EFC, #830975, #0E0330)
• Deep Atelier color palette (#C9E1FB, #004B88, #550201, #181400, #000604)
• Velvet Boulevard color palette (#EBEAD9, #005E8C, #3E0076, #1C1900, #000729)

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