Abyss Harbor color palette — #E1E4D4 · #608B75 · #00425B · #002227 · #000A15

A conversation between Navy and Fern, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E1E4D4): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#608B75): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#00425B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002227): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Navy Chapel color palette (#F9EDE5, #3A839C, #003E67, #001F1D, #00000C)
• Denim Garden color palette (#E7E8DC, #70A9B2, #006273, #003E3D, #00242F)
• Weathered Terrace color palette (#ECDEE6, #479FBD, #005C95, #003C38, #010328)
• Cobalt Boulevard color palette (#D1E8E6, #62ACC7, #007EAC, #005B68, #000A15)
• Washed Lagoon color palette (#F5F6ED, #B2CEB3, #008894, #006157, #00424E)
• Antique Cobalt Pier color palette (#EDF0E6, #91BCB0, #2268B7, #004B68, #112A5F)
• Twilit Chestnut color palette (#FAE9DB, #7C4D19, #452000, #210800, #060300)
• Mulberry Villa color palette (#EBDADA, #881F63, #00406F, #3F002B, #000611)

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