Abyss Harbor color palette — #DEE9EC · #A9BECA · #8194A7 · #004643 · #000102

Built around Forest, softened by Slate Blue — the whole palette hums with sophistication.

The five colors

• Frost (#DEE9EC): bright and airy, almost weightless.
• Ash (#A9BECA): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#8194A7): A luminous, dusty blue — the color of open sky before noon.
• Forest (#004643): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

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

• Wandering Drift color palette (#D4E1E5, #7D9199, #527080, #003132, #000202)
• Tempered Navy Meadow color palette (#E9EFF6, #C9CFE4, #A4A2C4, #004A9B, #00020A)
• Hushed Cerulean color palette (#D2F3E4, #3A899A, #344767, #341F00, #010100)
• Worn Olive Orchard color palette (#D8EBDE, #72842B, #004A13, #002120, #010100)
• Shadow Cypress Chapel color palette (#F6E0EC, #00736D, #003459, #1B0600, #000102)
• Washed Cerulean color palette (#EBF8FD, #D7DAE5, #C1BED3, #0E8597, #132126)
• Patina Harbor color palette (#EEF7FA, #D7DBE7, #B7AFBA, #00A6AE, #25383F)
• Cellar Balcony color palette (#D0F7FE, #00625A, #450057, #1D2623, #0D0600)

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