Emerald Lagoon color palette — #F3F8E9 · #9FD2B2 · #D29DCC · #2EA46A · #664146

Built around Kelly Green, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F8E9): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#9FD2B2): A luminous, dusty teal — the color of glacier melt.
• Mauve (#D29DCC): A luminous, balanced pink — the color of a candy shop window.
• Kelly Green (#2EA46A): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#664146): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Balance. Tagged light, muted.

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

• Muted Moss color palette (#F6F6EB, #BBCBA1, #C1A1E1, #7A9A33, #564468)
• Cerulean Studio color palette (#ECF9EE, #8CD2DA, #E79A92, #009FAC, #6C3F3B)
• Dusty Studio color palette (#F1F7EE, #7BC0AE, #B482C8, #008670, #65414B)
• Seafoam Lantern color palette (#E4FAFC, #92E9CB, #E4B3EA, #73B9A0, #4E4866)
• Lilac Meadow color palette (#F0F9E5, #82C1A4, #9D9DDF, #C28063, #41443D)
• Worn Grove color palette (#F3F7EC, #C9E8DE, #B2D5FA, #86A782, #46503E)
• Fern Study color palette (#FAF4EB, #D6CAAC, #AE996D, #8E6D4C, #544700)
• Tempered Abyss color palette (#F1F7F1, #E4CEAA, #67876A, #16575A, #222F24)

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