Abyss Pier color palette — #D9E6E6 · #85A6AF · #66808E · #00412A · #000606

Forest and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Frost (#D9E6E6): bright and airy, almost weightless.
• Blue Fog (#85A6AF): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#66808E): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#00412A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000606): a grounded near-black with real depth.

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

• Petrol Field color palette (#D9E6E9, #7792A1, #556D88, #003131, #000202)
• Abyss Thicket color palette (#E0E4D8, #A0ADA1, #63897A, #004327, #111702)
• Denim Bloom color palette (#E5EEF5, #AAB4C3, #878BA6, #00496C, #020C16)
• Tempered Abyss Workshop color palette (#EBF0E7, #C8D4C3, #94AF92, #005C46, #010300)
• Timeworn Summit color palette (#EBF3F8, #D4D5E5, #B1B7C7, #386C82, #192227)
• Aged Basin color palette (#CFF2EB, #007A5B, #003F3E, #092501, #000402)
• Ancient Cypress Corridor color palette (#D9F9E5, #007C84, #1D3F6B, #421100, #160010)
• Deep Forest color palette (#E8DBE4, #006546, #003442, #2D0009, #000202)

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