Abyss Lagoon color palette — #E8EEF3 · #B1BCC8 · #8593A8 · #004063 · #000103

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

The five colors

• Cream (#E8EEF3): a clean, paper-quiet neutral.
• Ash (#B1BCC8): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#8593A8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Navy (#004063): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• 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 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

• Nightshade Terrace color palette (#E4E8F0, #B5BACA, #8C90A8, #241F9C, #000106)
• Onyx Parlor color palette (#D7E4E0, #A394A4, #83667F, #002E4A, #000D08)
• Tempered Petrol color palette (#E4EDF3, #A09EB2, #9382A7, #006C94, #000A15)
• Weathered Basalt color palette (#DDE0F2, #8D6B97, #693C61, #360D00, #070200)
• Antique Aubergine color palette (#ECEDF8, #CFCEDC, #A9A0C2, #6B159F, #02010D)
• Tempered Lapis color palette (#F3F5FB, #DED6E6, #B7B7D7, #5B4DB0, #070B1D)
• Patina Basalt color palette (#D2EADD, #7A8043, #334300, #00211C, #010100)
• Aged Iris color palette (#F2F5FC, #DBD8E0, #BEAFA9, #7383D3, #282E3A)

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