Abyss Harbor color palette — #DAE9D1 · #6F656A · #005B4D · #161C20 · #000707

A conversation between Pine and Celadon Mist, giving this palette its sense of sophistication.

The five colors

• Celadon Mist (#DAE9D1): A whisper-light, dusty green — the color of new leaves after rain.
• Graphite (#6F656A): a grounded near-black with real depth.
• Pine (#005B4D): A full-bodied, dusty teal — the color of sea glass.
• Ink (#161C20): quiet, heavy and certain.
• Ink (#000707): a grounded near-black with real depth.

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

• Turquoise Delta color palette (#EFF8F0, #6EBEC1, #465A4D, #1F3021, #0D110C)
• Inked Dune color palette (#E3E2C4, #395800, #444A51, #0C1918, #000800)
• Muted Ridge color palette (#CFE5E3, #009CA0, #005A63, #002B32, #000406)
• Cypress Station color palette (#DEECD4, #007D66, #003942, #101C19, #000A06)
• Weathered Petrol color palette (#EEF0DF, #81C4CC, #007487, #003E3C, #000305)
• Tempered Periwinkle Lagoon color palette (#FFF0FD, #809DDC, #543F4D, #271826, #080408)
• Weathered Emerald color palette (#E1E3D0, #5D9F6B, #005D3A, #0F3500, #000200)
• Wandering Parlor color palette (#D2F2FA, #007485, #4825DF, #005217, #000102)

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