Lagoon Lantern color palette — #FCF3EF · #CFE6E0 · #93BDA5 · #60937B · #2E5348

Fern and Sage set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Silver (#CFE6E0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#93BDA5): A luminous, dusty teal — the color of sea glass.
• Fern (#60937B): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#2E5348): A full-bodied, dusty teal — the color of sea glass.

Feels like: 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

• Teal Boulevard color palette (#F5F6EF, #CCE5DF, #8ED4DE, #6BB1A8, #395142)
• Lagoon Grove color palette (#FCF3EF, #CDE7E5, #8AB8D7, #539488, #5F4B5E)
• Ancient Mallow Alley color palette (#FFF1F3, #D39CCE, #87B285, #4F9A93, #553A3E)
• Worn Petrol Study color palette (#EDE1DB, #9BBB9A, #00829A, #005D38, #002235)
• Ancient Petrol Villa color palette (#EBDBD3, #5FAFC3, #006E9E, #004B41, #001135)
• Ancient Driftwood color palette (#FFF1F3, #E0B4DA, #A4BB82, #AD77A7, #4E4D46)
• Cobalt Hollow color palette (#F9ECE2, #A5CFBD, #4989D2, #006C6C, #232954)
• Azure Pier color palette (#FEF3EC, #ACE5F9, #42A4E8, #008479, #2B3E69)

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