Lagoon Lantern color palette — #EEF8F5 · #C9DFF4 · #5EB4BB · #338B7C · #13515A

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

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Powder Blue (#C9DFF4): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5EB4BB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#338B7C): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#13515A): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Worn Drift color palette (#F5F6EF, #B9E3E8, #39D2DC, #209684, #274832)
• Hushed Petrol Study color palette (#DBECE9, #5EB0B9, #007384, #004A48, #00171F)
• Pine Boulevard color palette (#F9F3F7, #C7E2E9, #4E96A7, #1D734A, #2F4B60)
• Washed Lagoon color palette (#EFF6FF, #80A5E7, #BA82B8, #00999A, #283950)
• Washed Meadow color palette (#E1F3EF, #90D2D4, #0B97A6, #006D64, #00343F)
• Periwinkle Courtyard color palette (#E6FAF9, #BFDFFF, #689CE9, #007BAC, #283C71)
• Ash Delta color palette (#F0F5FF, #DED8E2, #EAB3BF, #7E9DC6, #3F4962)
• Chalky Cobalt color palette (#EFF6FF, #91B8FB, #D988A5, #517ED0, #5F3243)

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