Abyss Harbor color palette — #E0EBEC · #8FAAB2 · #718B98 · #005145 · #000C0E

Forest and Storm Blue set the tone — five colors that lean into sophistication.

The five colors

• Frost (#E0EBEC): a clean, paper-quiet neutral.
• Blue Fog (#8FAAB2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#718B98): A luminous, dusty blue — the color of deep harbor water.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Boulevard color palette (#DDEEEF, #879EA7, #607381, #003329, #000C0E)
• Abyss Study color palette (#E9EEE7, #B4BEB3, #809A84, #00463E, #000200)
• Washed Denim Veranda color palette (#E0EEFA, #A6B5CC, #8C95AD, #005789, #061522)
• Quiet Jade Dune color palette (#D0E9EB, #00A67A, #008688, #00598B, #000406)
• Washed Cypress color palette (#E7F0F4, #C9DBE5, #A1BBD1, #008287, #233035)
• Cerulean Coast color palette (#CCEBEA, #0084AA, #38558A, #4B1F23, #260B00)
• Cobalt Pier color palette (#EEF6FF, #D4DEF4, #B7BCD8, #2477D5, #243447)
• Tempered Olive color palette (#D9ECDE, #797A00, #354E00, #003520, #060600)

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