Abyss Pier color palette — #E7F0F4 · #C4D2DF · #9EA5BC · #005863 · #000305

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

The five colors

• Cream (#E7F0F4): a clean, paper-quiet neutral.
• Silver (#C4D2DF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#9EA5BC): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#005863): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, 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

• Dusty Navy Villa color palette (#E7EDF3, #B4BBCA, #918EA9, #004064, #000103)
• Wandering Driftwood Bloom color palette (#DDE4DE, #93B1A8, #7A7BA3, #003F47, #06180C)
• Denim Orchard color palette (#F2F5FE, #E2D5E2, #C5B3CC, #5B549A, #080B1A)
• Timeworn Moss color palette (#D1E8D9, #719C5B, #005C46, #003042, #000200)
• Ancient Petrol color palette (#E7F2EB, #9FB5B6, #BA9BBA, #007F97, #001A0C)
• Denim Garden color palette (#D7E3ED, #00527F, #111117, #07001C, #000103)
• Muted Denim color palette (#D4E7E0, #4499BB, #615A9C, #2E3D00, #0A1000)
• Garnet Harbor color palette (#CFEEFD, #007486, #740900, #211100, #020100)

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