Lagoon Pier color palette — #D1EAEC · #2DA684 · #335261 · #193335 · #101B18

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

The five colors

• Frost (#D1EAEC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Jade (#2DA684): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#335261): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#193335): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#101B18): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Dusty Turquoise color palette (#E3F5FC, #45ACB6, #4D5967, #2D3A3F, #1B2424)
• Timeworn Study color palette (#D1ECE3, #7F9D1C, #2D5558, #1C332C, #131B14)
• Softworn Garden color palette (#F1F8EB, #31B78F, #28503A, #1A2113, #060602)
• Antique Teal Alley color palette (#D2EAEC, #36C4A2, #507782, #374E51, #121A1A)
• Cerulean Atelier color palette (#CEE2EE, #0094BC, #354564, #062A3C, #051417)
• Weathered Coast color palette (#E0E7DB, #00846B, #243826, #18230E, #09100B)
• Turquoise Studio color palette (#E9F8FF, #2CB7CF, #D37F64, #A8722E, #1B3D4A)
• Lagoon Alley color palette (#ECF9F2, #9BD0CA, #559F91, #5C796C, #2C4846)

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