Abyss Pier color palette — #E1EBEB · #A8C0C3 · #7599A1 · #004734 · #000202

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

The five colors

• Frost (#E1EBEB): a clean, paper-quiet neutral.
• Ash (#A8C0C3): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7599A1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Forest (#004734): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): 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

• Ancient Spruce color palette (#DDE2D7, #869182, #58735D, #003321, #010200)
• Denim Garden color palette (#E7EFF5, #C2D2E2, #93A8C2, #005476, #000307)
• Jade Boulevard color palette (#CFE9EE, #00C18D, #009D96, #005E6A, #000202)
• Tempered Pine color palette (#D7E4E4, #92A3B2, #788AA9, #00764B, #000C0C)
• Ancient Courtyard color palette (#D9EAEE, #5089A3, #1C5786, #2B133B, #060006)
• Velvet Garden color palette (#D6EFE9, #007369, #00393F, #090034, #000201)
• Lagoon Quarry color palette (#EFF7F9, #D3DEEB, #B5C5DE, #008883, #0F2126)
• Wandering Boulevard color palette (#EDF6FF, #D8D9E3, #BDA5AE, #0084D1, #192632)

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