Abyss Harbor color palette — #D8E1E3 · #ACBDCA · #8292AF · #004644 · #000102

A conversation between Forest and Slate Blue, giving this palette its sense of sophistication.

The five colors

• Silver (#D8E1E3): a clean, paper-quiet neutral.
• Ash (#ACBDCA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#8292AF): A luminous, dusty violet — the color of wild irises.
• Forest (#004644): A deep, shadowed, dusty teal — the color of shallow lagoons.
• 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

• Tempered Spruce color palette (#E1E9E1, #8F9E96, #7D697D, #003234, #040C04)
• Weathered Navy Drift color palette (#EAEFF5, #CBCEE4, #AC9EC6, #0B489E, #00020A)
• Navy Terrace color palette (#DBECE2, #3D8793, #423D78, #262200, #000201)
• Tempered Olive Basin color palette (#E3EEE4, #74823C, #004924, #002026, #000201)
• Cerulean Loft color palette (#EFF6FA, #DADAE5, #CCBEDD, #00849B, #102128)
• Eclipse Cabin color palette (#FFE1EC, #007464, #003064, #170800, #000102)
• Indigo Hollow color palette (#F0F5FF, #DFD8E2, #CBACA1, #586EF0, #1D2533)
• Shadow Abyss color palette (#CBE4F3, #004356, #30292E, #0E0C13, #00000B)

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