Abyss Pier color palette — #F4F4FF · #E8D7DF · #D4BABA · #7B929A · #3D575F

Charcoal Brown takes the lead with Stone close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Silver (#E8D7DF): A whisper-light, dusty rose — the color of strawberry cream.
• Stone (#D4BABA): A luminous, dusty red — the color of a theater curtain.
• Slate Blue (#7B929A): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3D575F): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Tempered Olive Pier color palette (#FFF1F2, #DCBEB7, #AA9386, #647938, #445742)
• Tempered Stone Delta color palette (#EFF8EF, #BAE0EF, #A1B78D, #808597, #3B4A42)
• Washed Stone Harbor color palette (#FFF1F6, #FCA799, #948255, #305B78, #0F3048)
• Hushed Field color palette (#F7F2FF, #F7D4CC, #EB9C9F, #A67465, #593D49)
• Glacier Drift color palette (#FCF1FA, #F2D6C4, #7EDDEC, #CA857F, #2D4B57)
• Aqua Atelier color palette (#FFF0FC, #FFB7AC, #62CED6, #6BACC6, #41333E)
• Washed Taupe Dune color palette (#FFF0FD, #FFD0CE, #C89B60, #397293, #254660)
• Taupe Grove color palette (#EADADE, #D59976, #7E723A, #314674, #101C39)

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