Abyss Pier color palette — #DDE9DF · #A1BCAA · #7D9E8E · #005E66 · #09180C

Peacock and Eucalyptus set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DDE9DF): a clean, paper-quiet neutral.
• Ash (#A1BCAA): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#7D9E8E): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#005E66): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#09180C): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Weathered Denim color palette (#DEEBE5, #9BBDB3, #A78AA6, #005980, #021911)
• Softworn Abyss Dune color palette (#DBE4DC, #9BAFA3, #60897C, #004043, #061809)
• Abyss Chapel color palette (#EAF0EA, #C0D6CC, #B69DB0, #005959, #000400)
• Worn Lagoon color palette (#F7E9F1, #D1BEC7, #BC9AA6, #57579D, #2A1924)
• Petrol Pier color palette (#D8F3FB, #00B3C1, #4F8ACD, #0070B2, #000B12)
• Dusty Aubergine Harbor color palette (#DCECDD, #007F94, #005174, #3E0B5C, #000E14)
• Misty Emerald Canyon color palette (#EAE9CE, #4F982D, #006522, #00432E, #041400)
• Washed Nightshade Study color palette (#D0ECDC, #00728C, #292EA7, #410049, #000A07)

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