Abyss Harbor color palette — #E2E9EE · #B1BBCC · #8D8EB0 · #004258 · #000103

Built around Deep Teal, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Frost (#E2E9EE): bright and airy, almost weightless.
• Ash (#B1BBCC): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8D8EB0): A luminous, dusty violet — the color of wild irises.
• Deep Teal (#004258): 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

• Tempered Onyx color palette (#D9E3EC, #818F9E, #606C7D, #002D46, #000104)
• Aubergine Thicket color palette (#EBEDF8, #D2CDDD, #B69CBA, #533B8B, #01020C)
• Petrol Dune color palette (#D8E3DF, #B69EA5, #A08387, #1C6A93, #000D08)
• Washed Lagoon Summit color palette (#D0E5DD, #458B61, #004643, #001C37, #000201)
• Patina Aubergine color palette (#CBE7E6, #5A84A4, #5E337B, #022603, #000200)
• Cobalt Canyon color palette (#EFF6FD, #DDD9E3, #D6BBD6, #3D7AB4, #161F28)
• Worn Summit color palette (#F4F4FE, #E4D7E0, #BDAC9D, #995BD0, #232332)
• Aubergine Pier color palette (#C8EBD9, #00717C, #2F008A, #0F0D00, #000103)

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