Emerald Workshop color palette — #FFF1F6 · #C3A2FF · #469836 · #2D7A1C · #211137

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C3A2FF): A luminous, balanced violet — the color of wild irises.
• Kelly Green (#469836): A luminous, balanced green — the color of new leaves after rain.
• Olive (#2D7A1C): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#211137): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Washed Pier color palette (#FFF1F4, #BC84D3, #3C9E7B, #00705C, #240D14)
• Sunlit Bronze Courtyard color palette (#FFF0FB, #9FB1FF, #998000, #7A6600, #121739)
• Ancient Cabin color palette (#FFF2EF, #FF8EAB, #2C9A51, #007C38, #330917)
• Fuchsia Harbor color palette (#FFF1F2, #F47ADD, #8D8000, #005D5F, #002729)
• Petrol Coast color palette (#FFF1F6, #BDA3E8, #73AF78, #187DA1, #351B27)
• Washed Emerald Hollow color palette (#ECF7FF, #31C1FC, #A4B100, #00A53C, #003043)
• Patina Peony color palette (#FFF1F1, #FB5CBB, #986C00, #14690C, #00102B)
• Soft Mallow color palette (#FEF6D2, #F494FF, #D65559, #00656A, #421331)

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