Abyss Harbor color palette — #E7EFEC · #AAC0BA · #9F8A9D · #004061 · #000201

Built around Navy, softened by Heather — the whole palette hums with trust and stability.

The five colors

• Cream (#E7EFEC): bright and airy, almost weightless.
• Ash (#AAC0BA): A luminous, dusty teal — the color of sea glass.
• Heather (#9F8A9D): A luminous, dusty pink — the color of peonies in June.
• Navy (#004061): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Abyss Harbor 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

• Timeworn Meadow color palette (#F0E4ED, #C7B4C0, #A48996, #212A8F, #030003)
• Wandering Onyx Delta color palette (#E0ECF6, #8D9BAC, #60728B, #002E48, #020A13)
• Aubergine Lagoon color palette (#F4EBEE, #DACBCF, #BE9CA1, #632B93, #090003)
• Softworn Basin color palette (#E9F4DC, #3B8A78, #004641, #002023, #000201)
• Aged Aubergine Pier color palette (#FDDFEF, #826A9E, #673368, #470F0C, #030100)
• Patina Orchid Harbor color palette (#FFF1F4, #E3D7D2, #AEAE9A, #A753C6, #351C23)
• Patina Station color palette (#FAF3F7, #E4D5D5, #D5AEBC, #5741CB, #150710)
• Iris Hollow color palette (#FAF3F8, #E4D7D8, #CAC4B8, #7586C6, #382934)

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