Emerald Workshop color palette — #FDF3ED · #E7A185 · #21984C · #B64D1B · #171B04

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

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Melon (#E7A185): A luminous, balanced orange — the color of autumn markets.
• Kelly Green (#21984C): A full-bodied, balanced teal — the color of shallow lagoons.
• Terracotta (#B64D1B): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#171B04): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Pale Emerald color palette (#FFF2EF, #EA9AAA, #589230, #B24965, #1A1A00)
• Marigold Alley color palette (#FAF4EC, #E0A956, #00948A, #986600, #0E1D0A)
• Gentle Cabin color palette (#FBF2F8, #FFBEA9, #00A460, #BB512E, #000707)
• Hazy Clover color palette (#FAF4ED, #FFBA77, #40C04D, #D57E00, #181A0A)
• Hushed Fern color palette (#FBF2F5, #C38C58, #1F7016, #734200, #001E1A)
• Pine Alley color palette (#FFEAD9, #CE944D, #47894D, #5A4A80, #33302A)
• Powdered Aubergine color palette (#FFEDE8, #D3767C, #008665, #723077, #520D19)
• Soft Harbor color palette (#FFD5C5, #DAA350, #83861C, #0F6826, #003B34)

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