Abyss Harbor color palette — #E7F0F6 · #9BA6B4 · #7E85A0 · #004C67 · #000B14

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

The five colors

• Cream (#E7F0F6): a clean, paper-quiet neutral.
• Blue Fog (#9BA6B4): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7E85A0): A luminous, dusty violet — the color of wild irises.
• Navy (#004C67): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Navy color palette (#E2E6F0, #A3A3B2, #8B809C, #39368C, #040819)
• Softworn Petrol color palette (#E3EDF5, #9D9FAE, #8786A3, #006A9C, #020A13)
• Patina Orchard color palette (#EAF2EE, #C5B5C4, #AB8499, #00425A, #000201)
• Timeworn Terrace color palette (#D9E4E0, #8F9E99, #7D697B, #002E47, #000D08)
• Dusty Denim color palette (#E6E9F1, #C1C3D3, #A89FBD, #4D57A7, #171F2F)
• Tempered Meadow color palette (#CFF0F7, #5D779A, #65477C, #323600, #00190B)
• Softworn Pine Garden color palette (#D9F4ED, #388660, #00514A, #003044, #000803)
• Patina Lagoon color palette (#F1F5FD, #DDD6E4, #C8B9C9, #657FB7, #343B45)

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