Abyss Harbor color palette — #F1E7E1 · #9EBD9C · #00788B · #004E2A · #001826

Forest and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Sage (#9EBD9C): A luminous, dusty green — the color of fresh herbs.
• Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E2A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001826): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Patina Petrol color palette (#F3E6DF, #7EBFD1, #0072A8, #004C43, #01123A)
• Ancient Cerulean color palette (#F7F0ED, #98D4D8, #0089AA, #005E42, #00271F)
• Patina Lagoon Terrace color palette (#DAECDA, #009879, #006561, #003E45, #001B26)
• Dusty Cerulean color palette (#ECE0DB, #1A8795, #004259, #002017, #000104)
• Softworn Turquoise Studio color palette (#F7F0ED, #C8E5DD, #61A8BC, #46775E, #233C34)
• Turquoise Garden color palette (#DAEDEF, #00A9BB, #006372, #002A2E, #000608)
• Quiet Market color palette (#D2E9D9, #008FA3, #B5009A, #00505C, #26001E)
• Iris Delta color palette (#DCF2D8, #8EDBFF, #8192F5, #15673D, #032411)

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