Abyss Pier color palette — #DFE7E1 · #A9C1B9 · #A3889D · #00444F · #000201

Deep Teal and Heather set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DFE7E1): a clean, paper-quiet neutral.
• Stone (#A9C1B9): A luminous, dusty teal — the color of sea glass.
• Heather (#A3889D): A luminous, dusty pink — the color of peonies in June.
• Deep Teal (#00444F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000201): quiet, heavy and certain.

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

• Abyss Courtyard color palette (#EAEEE6, #B3BEB2, #799B88, #004830, #010100)
• Softworn Navy color palette (#F5ECF4, #C6B5BE, #AA878F, #0F3879, #030003)
• Timeworn Courtyard color palette (#D8E3DD, #82928A, #4B7568, #002F3B, #000201)
• Muted Parlor color palette (#D9EFF2, #5F81AE, #503974, #272100, #020100)
• Washed Olive color palette (#EEE9D6, #55894D, #004734, #002026, #000200)
• Timeworn Denim color palette (#F9F3F9, #E6D4D5, #CCB3B9, #2E5FA2, #120912)
• Patina Violet color palette (#FFF0F8, #E5D8D4, #AFB29A, #7F64E1, #331C29)
• Navy Canyon color palette (#F2E8DA, #00717C, #071F86, #140A00, #000103)

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