Abyss Harbor color palette — #DFF2D7 · #525C66 · #00443A · #17252B · #000B0C

Forest takes the lead with Honeydew close behind in a set that reads as sophistication at first glance.

The five colors

• Honeydew (#DFF2D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Graphite (#525C66): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#00443A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#17252B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000B0C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

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

• Aged Cypress Courtyard color palette (#CDE5E0, #007977, #004750, #00252E, #040D1F)
• Moonless Quarry color palette (#D8F6FA, #006152, #3E3A41, #001C23, #000302)
• Aged Studio color palette (#D9F1E1, #006B7C, #832900, #00333C, #220500)
• Tempered Cerulean color palette (#EDE1CE, #419EAD, #005269, #00302C, #001625)
• Antique Market color palette (#D2ECF5, #00556A, #720059, #373100, #00090E)
• Softworn Pine color palette (#E3E3C6, #008143, #004233, #132900, #001506)
• Twilit Petrol color palette (#D3F0E7, #0068A5, #361B31, #021813, #000505)
• Ancient Boulevard color palette (#D6ECE0, #008182, #005673, #471232, #2F1300)

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