Abyss Harbor color palette — #E1F1E8 · #BFACC0 · #9D8594 · #004B60 · #010E07

Navy and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E1F1E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#BFACC0): A luminous, dusty pink — the color of peonies in June.
• Heather (#9D8594): A luminous, dusty pink — the color of neon signs at night.
• Navy (#004B60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#010E07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Timeworn Bloom color palette (#DBE4EA, #AEBACA, #8A8DA1, #004D60, #0D222D)
• Worn Navy color palette (#D4E7E2, #AC9AA6, #90727D, #00395F, #000604)
• Ancient Garden color palette (#E8EDE5, #A5BAA8, #769689, #005042, #070D03)
• Aubergine Parlor color palette (#EFE6EA, #DCC5C7, #B89C98, #5F4587, #1D1217)
• Petrol Canyon color palette (#EDF7FE, #D5D8EA, #A5BDDA, #00688F, #040E16)
• Ancient Cypress color palette (#EBF4F0, #DFD0CD, #CAB4B4, #557F6F, #252E2B)
• Timeworn Aubergine Cabin color palette (#C8E8F4, #6C7EB2, #5D3D72, #323603, #141600)
• Timeworn Pine color palette (#E7E5D1, #278D56, #004F46, #002F3F, #000B03)

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