Abyss Harbor color palette — #E0E9ED · #ABBBCA · #808EAA · #004D5C · #142128

Deep Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E0E9ED): a clean, paper-quiet neutral.
• Ash (#ABBBCA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#808EAA): A luminous, dusty violet — the color of twilight just after sunset.
• Deep Teal (#004D5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#142128): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Abyss color palette (#E5EDF4, #A1AAB8, #8377A3, #003C5A, #061521)
• Worn Thicket color palette (#D5E2DB, #A1BAB0, #75958D, #004B61, #030E08)
• Aged Petrol Summit color palette (#DDEAF2, #B2C7D8, #90A8BF, #006B88, #10222B)
• Dusty Quarry color palette (#EDEEF5, #CCCAD8, #A89AB2, #584888, #2A2D3D)
• Timeworn Orchard color palette (#DFE9E3, #AEC5C7, #C8A6B0, #008EAE, #14231B)
• Patina Petrol color palette (#F0F6FA, #DADAE5, #C5BCD3, #307E9D, #41494F)
• Hushed Cerulean color palette (#D1EDF6, #5088B9, #5E4A82, #3E3500, #002C25)
• Aged Pine color palette (#D7EAE3, #4E8A52, #005140, #003540, #00201E)

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