Abyss Pier color palette — #E8EFE8 · #A1ADA3 · #658974 · #004041 · #071809

Deep Teal takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8EFE8): bright and airy, almost weightless.
• Ash (#A1ADA3): soft and architectural.
• Fern (#658974): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#004041): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#071809): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Aged Drift color palette (#E3F1EC, #AFA5B0, #91748D, #003B5E, #021813)
• Aged Cerulean color palette (#DCE1DA, #91A698, #5A80A1, #00403B, #010600)
• Timeworn Coast color palette (#DBEBEF, #A7B7C0, #759ABA, #00605A, #04171B)
• Dusty Cypress Canyon color palette (#EDF9EF, #C6D8CC, #88B19E, #006770, #1D3A25)
• Lagoon Coast color palette (#D7EEDF, #00A4A8, #008197, #004F75, #000B12)
• Softworn Nightshade color palette (#E5DBE3, #C1B5BC, #9E8691, #29349A, #2A1826)
• Ancient Denim color palette (#F1EDF2, #D3C8D2, #B197AA, #005699, #342936)
• Hushed Meadow color palette (#E9E5CA, #567737, #0B4404, #002A18, #081300)

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