Abyss Harbor color palette — #E3EFF0 · #A7BDC7 · #7C91A2 · #005046 · #0C2327

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

The five colors

• Cream (#E3EFF0): bright and airy, almost weightless.
• Ash (#A7BDC7): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7C91A2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Forest (#005046): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#0C2327): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Washed Abyss color palette (#E3E7E2, #ABB7AC, #7F9384, #004F49, #040E02)
• Cypress Canyon color palette (#DBE8EA, #B9C7CC, #8BAAB7, #007068, #01242B)
• Softworn Denim Canyon color palette (#EAEFF5, #C8CCD7, #9F9EB3, #2F558A, #242F3D)
• Onyx Veranda color palette (#E7F0F8, #909BAB, #6B6F86, #002F45, #010A14)
• Cypress Delta color palette (#EEF7F9, #D6DBE3, #BCBECF, #2F8380, #3B4B4F)
• Washed Loft color palette (#D6E5D8, #7D7F2C, #235102, #003731, #1C1C00)
• Timeworn Cerulean color palette (#CAF5E9, #288A9C, #465588, #533400, #362400)
• Cypress Drift color palette (#FBDAEE, #007765, #00425F, #421300, #001B1C)

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