Abyss Harbor color palette — #FCE3FF · #CDADC9 · #99788B · #4D675B · #215258

Peacock takes the lead with Mauve close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#FCE3FF): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#CDADC9): A luminous, dusty pink — the color of peonies in June.
• Heather (#99788B): A luminous, dusty pink — the color of a candy shop window.
• Graphite (#4D675B): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#215258): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Abyss Harbor 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

• Hushed Cypress color palette (#FFF0F8, #BFA3AD, #708C75, #406965, #304E5C)
• Ancient Workshop color palette (#EBF9F1, #92BAA9, #6B7A49, #6B4F67, #31483F)
• Fern Corridor color palette (#FFF2EE, #EACDBF, #D4B49B, #9F9776, #555501)
• Aged Cypress Grove color palette (#CFF3D3, #C6B371, #808A4F, #006D5C, #0E4F67)
• Pewter Drift color palette (#F9E3C6, #A49567, #666934, #235257, #013A4B)
• Rust Villa color palette (#FFDADD, #E79192, #B55851, #8F4330, #673E30)
• Gentle Terracotta Archive color palette (#FFF0FA, #D08C78, #6E9755, #A34426, #334A25)
• Frosted Bronze color palette (#FFF0F8, #E8A788, #A45F3B, #6F3314, #4D220C)

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