Emerald Workshop color palette — #FFF2EE · #88EEEA · #00BDE6 · #199F2F · #00345E

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#88EEEA): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00BDE6): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#199F2F): A luminous, vivid green — the color of new leaves after rain.
• Navy (#00345E): 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 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

• Soft Garden color palette (#FFF2EB, #99E7FF, #57B1FF, #009B7B, #26296A)
• Tempered Pine Dune color palette (#EFE1DC, #8CCDCE, #00A1CC, #008339, #001F42)
• Washed Turquoise Harbor color palette (#FEF4E4, #B7FEFA, #00AEBE, #007557, #002A35)
• Mint Hollow color palette (#DAE9D3, #00CD8B, #00ACAC, #00798F, #00334E)
• Washed Villa color palette (#FDF3EE, #C1EEE6, #86C6EE, #6AA788, #583E54)
• Quiet Clover Study color palette (#D2FFFD, #BCE8FF, #D7BFFF, #5CBB55, #004356)
• Chalky Coral Thicket color palette (#E0F5F6, #00BBC6, #FF5B5D, #CA6600, #002A2D)
• Worn Station color palette (#C9F4FF, #21DCF5, #00B2C8, #007A86, #001C22)

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