Abyss Harbor color palette — #E9F1E5 · #C7D4CA · #8CAFA2 · #005B4F · #010300

Pine takes the lead with Sage close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E9F1E5): bright and airy, almost weightless.
• Oat (#C7D4CA): a clean, paper-quiet neutral.
• Sage (#8CAFA2): A luminous, dusty teal — the color of sea glass.
• Pine (#005B4F): A full-bodied, dusty teal — the color of shallow lagoons.
• Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Antique Abyss color palette (#DCE5DA, #97A498, #66846E, #00403B, #010600)
• Dusty Parlor color palette (#E8F1EC, #DACADA, #BA9CAD, #005570, #000402)
• Aged Cocoa Chapel color palette (#DDF4DF, #609F97, #2F617F, #5D2300, #0F0B00)
• Fern Basin color palette (#F1DEC4, #949330, #2E5B00, #00332C, #010100)
• Wandering Cypress color palette (#E1F0F3, #A6B1BC, #889AB1, #00837A, #00181C)
• Timeworn Denim color palette (#F9F3F9, #E6D4D5, #CCB3B9, #2E5FA2, #120912)
• Muted Abyss Station color palette (#C7E8D1, #65636F, #005863, #161D24, #000610)
• Lagoon Boulevard color palette (#F7E1DC, #008A78, #00486A, #390400, #000102)

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