Abyss Pier color palette — #F5E7F0 · #5A9696 · #005263 · #002D1A · #00050B

Peacock and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5E7F0): bright and airy, almost weightless.
• Storm Blue (#5A9696): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#005263): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002D1A): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00050B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Dusty Denim Harbor color palette (#E7DBE5, #76A4B9, #005F86, #003A30, #000A20)
• Tempered Navy color palette (#F6E6EE, #4B8097, #003D6C, #001F1E, #00000C)
• Antique Cypress color palette (#EFEFDF, #88C3C2, #00757D, #003F37, #000304)
• Charred Pine Harbor color palette (#DBF6E1, #008955, #004424, #001805, #000200)
• Softworn Petrol Field color palette (#FAEEF6, #6ECCD9, #007DA4, #005341, #001A35)
• Washed Cerulean Summit color palette (#D1E6CA, #4FB5A0, #00859E, #454400, #000C05)
• Aged Cerulean Ridge color palette (#F6EFF3, #C1E2F5, #5A93C3, #006D66, #1A2C49)
• Aubergine Archive color palette (#D0EAE5, #2E7E1E, #5B0077, #083401, #06000B)

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