Abyss Harbor color palette — #E8F1F3 · #91A3AD · #6A7E92 · #003F3D · #000507

Built around Deep Teal, softened by Slate — the whole palette hums with sophistication.

The five colors

• Cream (#E8F1F3): bright and airy, almost weightless.
• Blue Fog (#91A3AD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#6A7E92): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003F3D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000507): a grounded near-black with real depth.

Feels like: 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

• Dusty Onyx Summit color palette (#D6E1E7, #838F9C, #5F6A87, #002F3C, #000103)
• Ancient Navy color palette (#E2E8F2, #B0B2BF, #8F89A5, #203A8E, #050B16)
• Abyss Villa color palette (#E9F1E9, #C3D6C7, #93AE9D, #00595A, #000400)
• Hushed Ridge color palette (#E9F4F8, #C7D6E1, #9AADC6, #00686E, #001E27)
• Cobalt Basin color palette (#EFF2F8, #DBD5DD, #C5B8C2, #6970A7, #272C37)
• Washed Thicket color palette (#BCE8EC, #0F7F8A, #2E4778, #392000, #0A0D00)
• Smoked Grove color palette (#D4E6D8, #646E2D, #054308, #002422, #020300)
• Hushed Nightshade Hollow color palette (#D1E1E8, #00A467, #007888, #0C00CC, #000203)

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