Abyss Harbor color palette — #E9EFE8 · #9AA9A1 · #967D94 · #00514A · #030C02

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

The five colors

• Cream (#E9EFE8): a clean, paper-quiet neutral.
• Taupe (#9AA9A1): A luminous, dusty teal — the color of glacier melt.
• Heather (#967D94): A luminous, dusty pink — the color of peonies in June.
• Forest (#00514A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#030C02): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: 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

• Weathered Fern Balcony color palette (#E4E4DD, #9EA898, #748D7D, #205300, #0A0A00)
• Abyss Lagoon color palette (#E5F1F3, #A2C0D1, #7F94AF, #00463E, #000102)
• Ancient Cypress color palette (#E2EAE1, #88AAA5, #709090, #007270, #040C04)
• Dusty Spruce Lantern color palette (#E4EDEF, #889EA7, #597487, #003231, #010B0F)
• Wandering Denim Corridor color palette (#F3EBF3, #C1AEB8, #B1898F, #005397, #1D0C1F)
• Washed Petrol color palette (#D7E2DD, #CDBFCA, #BC9AA6, #006A8C, #11241C)
• Hushed Forest Orchard color palette (#EDE1D3, #79783B, #0C5409, #003236, #070600)
• Timeworn Denim color palette (#D1E6CA, #298988, #425293, #382E00, #171200)

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