Emerald Studio color palette — #F2DCD3 · #F57570 · #00A02E · #3858BB · #35053A

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

The five colors

• Shell Pink (#F2DCD3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Watermelon (#F57570): A luminous, balanced orange — the color of toasted spice.
• Kelly Green (#00A02E): A luminous, vivid green — the color of new leaves after rain.
• Cobalt (#3858BB): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#35053A): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.

Use it as a design system

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

• Soft Coral color palette (#F2DCD4, #FF6A6E, #009D64, #4458B3, #101353)
• Feathered Tangerine color palette (#EEDED2, #F67A2A, #009985, #7D40A5, #350637)
• Weathered Fuchsia Loft color palette (#F1DBDC, #EC6ACA, #968500, #006D85, #0E184C)
• Aubergine Archive color palette (#E9DDD1, #CB7900, #00828E, #672A9E, #230024)
• Tempered Courtyard color palette (#FFEAE5, #D0B384, #899F64, #746692, #412D54)
• Mulberry Hollow color palette (#ECDFCC, #CB9900, #0092B7, #963879, #3B032C)
• Wandering Emerald Market color palette (#EDE4D1, #AEC578, #56A565, #946479, #2F2901)
• Linen Parlor color palette (#D2E8D7, #A68000, #2D7600, #004D49, #3A0F00)

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