Abyss Harbor color palette — #E3F2F2 · #ABBEC5 · #7396B4 · #004831 · #000202

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

The five colors

• Cream (#E3F2F2): a clean, paper-quiet neutral.
• Ash (#ABBEC5): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7396B4): A luminous, dusty blue — the color of deep harbor water.
• Forest (#004831): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

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

• Spruce Lagoon color palette (#D5E2E3, #7A9297, #547079, #003228, #000202)
• Ancient Denim Lagoon color palette (#E8EFF4, #C3D1E7, #A0A2CA, #005571, #000306)
• Denim Station color palette (#C8E9D7, #5C8E76, #005278, #2F2500, #000201)
• Weathered Archive color palette (#FAE5EF, #927723, #324300, #00211E, #020100)
• Weathered Cobalt Thicket color palette (#EFF6FC, #DCD9E3, #B9B2A9, #0087C4, #172633)
• Pine Pier color palette (#FDE8F9, #007741, #00374B, #210001, #000201)
• Teal Lantern color palette (#EAF8FA, #D4DCE8, #BDADAE, #00AA8D, #29383A)
• Ultramarine Garden color palette (#C3E8EE, #8BB000, #009F8C, #2527D7, #000102)

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