Abyss Lagoon color palette — #DFF4EF · #5A9C9E · #00545C · #00302C · #00171D

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

The five colors

• Honeydew (#DFF4EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Storm Blue (#5A9C9E): A luminous, dusty teal — the color of glacier melt.
• Peacock (#00545C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#00302C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00171D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Timeworn Denim Drift color palette (#DFF0ED, #5AACC0, #00617B, #003D42, #002333)
• Timeworn Abyss color palette (#D9EFED, #5588A2, #004163, #00212A, #000A18)
• Cerulean Coast color palette (#E8E9DB, #51C4C8, #0094A3, #006E65, #00171D)
• Hazy Navy color palette (#E3F2F1, #6A93BC, #004696, #002D41, #020A40)
• Washed Cerulean color palette (#E9F9F6, #A8CBD9, #00879C, #00605D, #004252)
• Aubergine Pier color palette (#D9F3FE, #006B78, #66149F, #00333A, #19002D)
• Nightshade Lantern color palette (#D1E2E7, #005665, #3900B1, #003C13, #00090D)
• Patina Chestnut color palette (#F7DEE7, #8C5C15, #542D00, #301200, #120900)

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