Emerald Lagoon color palette — #FBF2FC · #ABF4F3 · #31C8F5 · #00AE44 · #074075

A conversation between Kelly Green and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Sea Foam (#ABF4F3): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#31C8F5): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#00AE44): A luminous, vivid green — the color of new leaves after rain.
• Navy (#074075): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged coastal, cool, light.

Use it as a design system

One click turns Emerald Lagoon 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

• Lagoon Ridge color palette (#FCF2F9, #C5E6F6, #76B9F0, #00A47E, #2D3665)
• Softworn Loft color palette (#FBF4E9, #C4E6C3, #00AFC3, #008666, #00475B)
• Worn Market color palette (#F9F3F7, #D6D5E6, #9DCDF0, #75B195, #465369)
• Periwinkle Grove color palette (#EAE1E6, #A1C5DE, #5E92E0, #007E71, #1E1348)
• Aged Chapel color palette (#FFEDE8, #90E0DE, #0091B3, #156626, #002648)
• Timeworn Rose Workshop color palette (#FFF0FE, #FFABAB, #28DBDF, #F33F57, #004445)
• Faded Cabin color palette (#F1E3EC, #67ABC4, #0075D2, #005F4F, #07002A)
• Pale Veranda color palette (#FFE2F0, #FF9555, #00C6A9, #00A3BC, #4D2306)

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