Abyss Loft color palette — #E5F0E8 · #93ABA4 · #957E8E · #004E5D · #020C06

A conversation between Peacock and Heather, giving this palette its sense of trust and stability.

The five colors

• Cream (#E5F0E8): bright and airy, almost weightless.
• Taupe (#93ABA4): A luminous, dusty teal — the color of shallow lagoons.
• Heather (#957E8E): A luminous, dusty pink — the color of peonies in June.
• Peacock (#004E5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#020C06): A deep, shadowed, dusty teal — the color of sea glass.

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

• Washed Navy color palette (#F2E7F0, #B09FA7, #9E7C82, #203F88, #10050F)
• Washed Abyss Villa color palette (#E5EEF3, #ABBDCF, #8392B1, #004451, #000103)
• Patina Onyx Atelier color palette (#E3EEF4, #919BA3, #5B738B, #00303E, #000B13)
• Tempered Pier color palette (#E8E0E7, #CFBFC7, #BC9AA2, #2D5DAF, #281A27)
• Weathered Denim color palette (#C9EFF1, #517899, #5E4886, #373100, #0A1300)
• Pine Corridor color palette (#EDE9D5, #418647, #005240, #00313D, #000901)
• Wandering Nightshade Boulevard color palette (#E9DDCB, #00707E, #16269E, #291D00, #000408)
• Misty Grape color palette (#E1F3ED, #00ABA8, #007EC7, #6837BF, #000109)

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