Lagoon Lantern color palette — #FAF4F0 · #CDE7E5 · #84B8DD · #49968A · #5E4C5C

Fern takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CDE7E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#84B8DD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#49968A): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#5E4C5C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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 Terrace color palette (#F0F7F1, #D9E0EB, #9ED4F2, #5D9F9D, #3E4F61)
• Wandering Orchard color palette (#FFF1F2, #DC98C7, #6CB882, #50A2A0, #503D3E)
• Cobalt Dune color palette (#F1E6E0, #7CBDCB, #007EAF, #005B4C, #011E44)
• Periwinkle Terrace color palette (#FBF4ED, #B6E1FF, #6099FC, #008189, #39386C)
• Taupe Workshop color palette (#FFF1F2, #E2DAD0, #A2B9D2, #C098A7, #5A4845)
• Hushed Denim Boulevard color palette (#F1E4DB, #619BB4, #005A9B, #003C3A, #03002E)
• Azure Lagoon color palette (#FCF3EE, #A1E1E7, #2AA4CA, #007F5D, #164339)
• Timeworn Studio color palette (#FFF1F2, #E8B0D5, #68C6A4, #B3749F, #4B4E48)

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