Patina Abyss Loft color palette — #E2ECE7 · #A8BFB6 · #7292B2 · #004C63 · #14231C

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

The five colors

• Cream (#E2ECE7): bright and airy, almost weightless.
• Ash (#A8BFB6): A luminous, dusty teal — the color of glacier melt.
• Slate Blue (#7292B2): A luminous, dusty blue — the color of open sky before noon.
• Navy (#004C63): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#14231C): 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 Patina 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

• Ancient Abyss Archive color palette (#E8F1EC, #A3B9B2, #9E8496, #004C5C, #020E07)
• Softworn Navy Delta color palette (#EAE2E9, #C6B2C1, #A18497, #124186, #261B26)
• Petrol Villa color palette (#D4E1E8, #B2C7DC, #9BA5B9, #006C82, #142128)
• Aubergine Boulevard color palette (#F7EBEF, #D9C7CB, #BB959B, #614483, #362A2E)
• Aged Ultramarine Station color palette (#FDF1FC, #DECCDA, #9FA2D0, #1D55AF, #3D2C3C)
• Washed Drift color palette (#F0F7F4, #CFDFE2, #D5C3D4, #4F7A96, #414A47)
• Hushed Corridor color palette (#E2E8F8, #7F7ABC, #5D4675, #5F2233, #3E1F00)
• Worn Coast color palette (#EDF1DF, #378C66, #00513F, #003733, #002113)

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