Lagoon Pier color palette — #E1FBFF · #009686 · #5670A6 · #5F5319 · #1C383C

Fern and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E1FBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#009686): A luminous, balanced teal — the color of sea glass.
• Slate (#5670A6): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#5F5319): A full-bodied, dusty green — the color of fresh herbs.
• Deep Teal (#1C383C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Aged Emerald Atelier color palette (#E0FCF9, #009B46, #007BA8, #73480F, #1E3836)
• Antique Workshop color palette (#EAF7FF, #2F9EBE, #8B72A5, #4D6841, #323F47)
• Sunlit Byzantium Courtyard color palette (#ECF7FF, #007FB6, #8A42A2, #005934, #0B2E46)
• Petrol Quarry color palette (#EEF7FB, #D5DBE7, #BBC0CE, #527B8C, #3D4A50)
• Lagoon Loft color palette (#DBF8FC, #009C86, #95608B, #784034, #001F23)
• Muted Cerulean Hollow color palette (#EBF7FF, #0096C1, #565C9C, #5E385B, #00423B)
• Quiet Grape Chapel color palette (#B4F1FD, #007585, #670ED2, #304500, #00242A)
• Petrol Pier color palette (#ECF8FB, #4FC2C7, #2974AB, #006D71, #172633)

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