Abyss Lagoon color palette — #CDEEE4 · #005558 · #003745 · #001323 · #000010

Peacock and Deep Teal set the tone — five colors that lean into calm and sophistication.

The five colors

• Honeydew (#CDEEE4): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#003745): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001323): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000010): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Abyss Lagoon 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

• Velvet Onyx Field color palette (#C9EEF3, #005A7D, #002F54, #0C003F, #020007)
• Velvet Forest color palette (#E5ECC8, #00632F, #00382E, #001718, #000102)
• Midnight Cocoa Hollow color palette (#CCE6DB, #005372, #632600, #002231, #030000)
• Plum Lagoon color palette (#D5EBDF, #6C8BCC, #9B3E8B, #00382F, #00040A)
• Obsidian Atelier color palette (#D5EFFF, #0064AB, #002D4A, #271F25, #000814)
• Charred Navy Delta color palette (#EAD9EB, #003B71, #5A1600, #2C1800, #000104)
• Hushed Veranda color palette (#E8F2D6, #735B00, #004DA7, #140B16, #030003)
• Nightshade Corridor color palette (#D8EBF1, #006EAA, #002EBA, #26006A, #14001C)

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