Abyss Loft color palette — #E3F1EB · #B6A3AF · #9B727D · #003C5A · #001912

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

The five colors

• Cream (#E3F1EB): a clean, paper-quiet neutral.
• Mauve (#B6A3AF): A luminous, dusty pink — the color of peonies in June.
• Mocha (#9B727D): A full-bodied, dusty red — the color of late-summer berries.
• Navy (#003C5A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001912): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Abyss Loft 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 (#E0E8F1, #94A1B4, #7876A1, #00395F, #00040D)
• Ancient Denim color palette (#DCE6E3, #C2ADBE, #AC8A9D, #00568D, #011913)
• Timeworn Navy Coast color palette (#ECE5EA, #B3A5A9, #9E7271, #1C1E93, #1D0E1A)
• Aubergine Lantern color palette (#F2EBED, #C4B5B3, #A68677, #622079, #2E171E)
• Weathered Denim Atelier color palette (#F9F2FA, #E2CBD7, #C499A0, #005CA1, #3C2C3E)
• Dusty Grape Pier color palette (#FAF3F5, #E1D7D2, #C4AEA5, #774C9F, #46353B)
• Onyx Bloom color palette (#EEDBCF, #866525, #363C00, #34004F, #170D00)
• Washed Thicket color palette (#DCF5F0, #407997, #533F69, #003625, #001D21)

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