Abyss Harbor color palette — #DDE9F0 · #B1BCC6 · #8693A5 · #004354 · #000103

Deep Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDE9F0): a clean, paper-quiet neutral.
• Ash (#B1BCC6): soft and architectural.
• Slate Blue (#8693A5): A luminous, dusty blue — the color of open sky before noon.
• Deep Teal (#004354): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

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

• Wandering Onyx color palette (#E3ECE7, #88A098, #7F687D, #00303E, #000D06)
• Nightshade Corridor color palette (#EBEEF8, #CDCEE3, #A9A0C2, #4C3E8D, #01010F)
• Ancient Petrol color palette (#E3EEF4, #9E9FB0, #9282A4, #006F82, #000B12)
• Navy Garden color palette (#D9E8F3, #6981B1, #543E6F, #3A1900, #050300)
• Pine Basin color palette (#DBF0EB, #378E5A, #004738, #002023, #000200)
• Muted Cobalt Villa color palette (#EEF6FF, #D9D9E3, #C4BDD1, #3F7CAB, #10202D)
• Violet Canyon color palette (#F3F4FE, #DFD7E0, #CAAAA0, #8C65CC, #212334)
• Shadow Navy color palette (#DEEDE0, #006D90, #14168C, #1D0400, #000103)

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