Emerald Garden color palette — #F2ECF3 · #9FE1E0 · #2CB5DC · #019834 · #002E58

Kelly Green and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F2ECF3): bright and airy, almost weightless.
• Ice Blue (#9FE1E0): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#2CB5DC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#019834): A full-bodied, vivid green — the color of fresh herbs.
• Navy (#002E58): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Emerald Study color palette (#F9F3F8, #BDE8F8, #5EBEED, #36A36A, #223A63)
• Muted Thicket color palette (#F4EBF0, #9DC7DB, #019AEA, #00805F, #0F1454)
• Periwinkle Balcony color palette (#F6EBF0, #ADDAF7, #7DA2F4, #00918A, #321F5C)
• Muted Corridor color palette (#D7E9CF, #4CC797, #00A6A0, #007388, #00334F)
• Muted Cerulean Lagoon color palette (#EFF8F0, #ADF5F3, #00A4B7, #006C52, #00222E)
• Weathered Jade color palette (#CEF3FD, #C9D0F9, #D4B1FF, #4AAB65, #043345)
• Turquoise Grove color palette (#AEECFF, #51D5E6, #00A9C8, #00727D, #00171A)
• Wandering Teal Ridge color palette (#F8F3F8, #D4D5E6, #9FCEE7, #74B389, #43546A)

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