Lagoon Lantern color palette — #FCF3EE · #C6EBD3 · #78B9EC · #3BA07E · #2D3760

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Celadon Mist (#C6EBD3): A whisper-light, dusty teal — the color of sea glass.
• Sky (#78B9EC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#3BA07E): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2D3760): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Periwinkle Lagoon color palette (#F7ECE2, #AEDFD0, #869FF5, #009191, #342251)
• Tempered Teal Dune color palette (#FAF4EE, #C6E6E7, #A6BEEB, #5FA7A0, #5F3B4E)
• Emerald Drift color palette (#FFF2ED, #7BEFF5, #00BBF3, #009E52, #00306C)
• Washed Cobalt Coast color palette (#CEE8DA, #37D1CF, #00AEC6, #0081B5, #21385E)
• Azure Workshop color palette (#EFDDD1, #85CBE9, #6094D9, #007F6F, #1D1645)
• Wandering Bloom color palette (#E0F5E6, #57D2E8, #F4955E, #00A3B9, #562605)
• Washed Teal Workshop color palette (#DEFFE9, #E5E3F5, #F9BFD7, #70BA9B, #274840)
• Chalky Corridor color palette (#CAEFDB, #39BFE9, #E68A53, #B08218, #00313F)

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