Abyss Harbor color palette — #DAF2F9 · #585054 · #005959 · #17181E · #00060E

Peacock and Ink set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DAF2F9): A whisper-light, dusty blue — the color of open sky before noon.
• Charcoal Brown (#585054): quiet, heavy and certain.
• Peacock (#005959): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#17181E): quiet, heavy and certain.
• Ink (#00060E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

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

• Antique Iris Harbor color palette (#F1F5FF, #8E8EFF, #49415C, #1A1E28, #02060B)
• Cerulean Grove color palette (#D8EBE5, #0097A5, #00627B, #002747, #010019)
• Timeworn Azure color palette (#EDF7FF, #009CE0, #383560, #041725, #000203)
• Weathered Canyon color palette (#E3F6E4, #007A7C, #003942, #0B1C1D, #000B01)
• Softworn Cerulean color palette (#D2E9D8, #26A0AA, #4E6491, #5A2206, #100200)
• Wandering Amber Meadow color palette (#FAD5E7, #AD8800, #425600, #00332E, #020100)
• Wandering Chestnut color palette (#DDF4FF, #007194, #7C4C00, #5F3900, #000102)
• Patina Balcony color palette (#C7E6FA, #008BB1, #9B5000, #004357, #030100)

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