Abyss Pier color palette — #D9E3D7 · #97AAA0 · #927F90 · #00514B · #040C03

Built around Forest, softened by Heather — the whole palette hums with sophistication.

The five colors

• Bone (#D9E3D7): a clean, paper-quiet neutral.
• Taupe (#97AAA0): A luminous, dusty teal — the color of sea glass.
• Heather (#927F90): A luminous, dusty pink — the color of peonies in June.
• Forest (#00514B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#040C03): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: 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

• Patina Forest color palette (#EBECE4, #9FA89A, #758D7E, #1C5300, #0A0A01)
• Timeworn Basin color palette (#E1ECEE, #ACBEC9, #8193AD, #004641, #000102)
• Cypress Thicket color palette (#E3E9E2, #90A6A3, #689294, #007271, #020D02)
• Worn Spruce Cabin color palette (#D7E0E3, #8F9CA3, #5C7486, #003232, #000B10)
• Ancient Garden color palette (#F1E6F1, #C1AEB7, #AC8C90, #115393, #1B0F1C)
• Patina Denim color palette (#D3F7E8, #3A7C90, #46487D, #402C00, #201400)
• Hushed Olive Lantern color palette (#FAE7D0, #747C16, #00541E, #003239, #060700)
• Worn Grape color palette (#D4ECDE, #0DAA2A, #008E9B, #6A09C4, #00060B)

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