Lagoon Lantern color palette — #EFF9ED · #96D2CC · #ADAAE0 · #00A199 · #624154
Built around Fern, softened by Mauve — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#EFF9ED): bright and airy, almost weightless.
- Lagoon (#96D2CC): A whisper-light, dusty teal — the color of sea glass.
- Mauve (#ADAAE0): A luminous, dusty violet — the color of a velvet chair.
- Fern (#00A199): A luminous, balanced teal — the color of shallow lagoons.
- Cocoa (#624154): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Creativity, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Lagoon Lantern 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
- Cerulean Alley color palette (#E8FAF2, #9ACCE7, #99BE86, #2998C8, #4D4E46)
- Seafoam Atelier color palette (#E9F8FC, #75EBE5, #F6B0C3, #65B9B4, #58455F)
- Emerald Lantern color palette (#F4F7EA, #A3D2AD, #DCA37D, #4EA067, #694329)
- Patina Coral color palette (#F0F8ED, #70C2B0, #D67C6E, #278373, #534B48)
- Moss Ridge color palette (#ECFAEA, #6EC2BC, #7BA7E1, #869D4D, #364833)
- Washed Cypress Market color palette (#E5FCE9, #BEE2C4, #56ABB0, #00757E, #004147)
- Hushed Frost Terrace color palette (#E3FAFF, #90FCF0, #E5C982, #59AAA1, #314E39)
- Lagoon Workshop color palette (#F0F7F3, #D0D5B4, #5E8873, #2F5744, #242E29)
Browse the whole catalog at Explore, or see today's palette.