Lagoon Lantern color palette — #EDF8F6 · #C7E1FF · #55B4C5 · #008D86 · #2C4C5C

A conversation between Fern and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Powder Blue (#C7E1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#55B4C5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008D86): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#2C4C5C): 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 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

• Powder Station color palette (#EFF7F7, #D7DCEB, #86B7E1, #5590A4, #445467)
• Dusty Petrol Orchard color palette (#DDECEA, #64AEC0, #00718E, #00494D, #001722)
• Peony Boulevard color palette (#F2F5FF, #9F98EE, #E168A2, #0095B6, #30374D)
• Worn Cerulean Ridge color palette (#E3F2F0, #8DD1DD, #0096B2, #006C6C, #003344)
• Wandering Basin color palette (#D5EAE9, #7096BB, #0054AF, #003850, #00012E)
• Linen Periwinkle color palette (#CEE8FF, #7DBAFE, #5696F6, #4B67A7, #3C4A67)
• Wandering Blush color palette (#F0F5FF, #A6B3F3, #F3788A, #6B77CF, #603339)
• Amber Ridge color palette (#FFF1F7, #D9B1BF, #BD7F51, #865E4B, #314330)

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