Abyss Harbor color palette — #E3EEF7 · #95A1B2 · #737A95 · #003C52 · #00050B

Deep Teal and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E3EEF7): bright and airy, almost weightless.
• Blue Fog (#95A1B2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#737A95): A full-bodied, dusty violet — the color of wild irises.
• Deep Teal (#003C52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00050B): 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

• Washed Navy Chapel color palette (#DDE3F1, #9D9EB2, #817593, #2C247C, #010312)
• Softworn Denim Boulevard color palette (#E4F2ED, #C2D5D0, #B89BB6, #00537B, #000302)
• Hushed Pewter Cabin color palette (#F0F1F9, #DCD3DB, #BEB2C4, #6B5796, #1E2029)
• Patina Atelier color palette (#EDF2F9, #D8D5DD, #BAABB2, #6985A7, #31373E)
• Aubergine Delta color palette (#E0F4FB, #46699E, #57366E, #1A2300, #021000)
• Shadow Pine color palette (#C6E6DE, #007B50, #00403B, #002231, #000402)
• Powdered Boulevard color palette (#D9E8FD, #0095A3, #0069C9, #690097, #010015)
• Eclipse Onyx color palette (#CAE8FD, #00506E, #51002B, #121100, #010100)

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