Abyss Harbor color palette — #EBF1F5 · #9BA6B5 · #7D84A4 · #004C69 · #000A15

Navy and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EBF1F5): bright and airy, almost weightless.
• Blue Fog (#9BA6B5): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7D84A4): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004C69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Navy Workshop color palette (#E1E8F3, #9FA3B9, #8780A7, #17399A, #020917)
• Wandering Abyss color palette (#E1EFE9, #C1B7C1, #A4889B, #00415F, #000201)
• Onyx Pier color palette (#D9EAE4, #A692A7, #82667E, #002E4A, #010C08)
• Ancient Petrol color palette (#D8E1DD, #B49EA2, #9C8481, #006C91, #010D07)
• Muted Ultramarine color palette (#E5E8EF, #C2C3D2, #AA9EC0, #4D52B5, #191F2C)
• Aubergine Balcony color palette (#D6EDF7, #6275AA, #6C3E7A, #243300, #001A16)
• Antique Station color palette (#CFEEE7, #288860, #00504C, #003045, #000808)
• Washed Veranda color palette (#DFEDFF, #00A0AC, #007AD3, #9100A0, #020014)

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