Abyss Harbor color palette — #E6DBE3 · #3F8490 · #00415A · #002018 · #000105

A conversation between Deep Teal and Storm Blue, giving this palette its sense of trust and stability.

The five colors

• Silver (#E6DBE3): bright and airy, almost weightless.
• Storm Blue (#3F8490): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#00415A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#002018): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Antique Thicket color palette (#F1E6ED, #4796AA, #004F75, #002C26, #000315)
• Cypress Basin color palette (#D6F4E8, #007355, #003425, #10191D, #000804)
• Softworn Loft color palette (#DFEEE2, #2C9D9B, #0072A2, #323A00, #000201)
• Hushed Cobalt color palette (#F3E4EB, #83BCDA, #2D6CB4, #004B4C, #0E0F37)
• Charred Aubergine color palette (#CCF8F7, #005B38, #630067, #002614, #030003)
• Inked Fern Drift color palette (#E0F0E2, #5B5300, #382600, #1B0900, #010100)
• Weathered Cypress color palette (#F8EFF5, #C0E3F1, #6196AD, #006F56, #142E47)
• Velvet Study color palette (#C6EBD9, #004730, #580049, #44002A, #000201)

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