Abyss Harbor color palette — #C9F1ED · #00575E · #00323D · #00151F · #000103

Peacock takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#C9F1ED): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#00575E): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#00323D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00151F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

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

• Shadow Orchard color palette (#DFEBDD, #00602F, #003628, #001410, #000202)
• Midnight Onyx color palette (#CAF0E1, #006967, #003942, #001528, #020028)
• Softworn Indigo color palette (#CDEEDF, #5F88BF, #655FBA, #003E46, #000205)
• Velvet Ridge color palette (#D0E9DD, #004259, #5C003A, #242500, #000103)
• Velvet Fern Orchard color palette (#F4EADA, #615100, #382600, #190A00, #010100)
• Velvet Brick color palette (#E7ECD1, #B20414, #004CAA, #140B16, #030003)
• Velvet Navy Boulevard color palette (#DBF0FF, #00509B, #040085, #0B003B, #02000D)
• Cerulean Orchard color palette (#D3E4E8, #0091B6, #006493, #002F5D, #000746)

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