Emerald Workshop color palette — #F4F7EB · #5B9659 · #006F89 · #60425F · #36342D

Fern and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Fern (#5B9659): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#006F89): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#60425F): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#36342D): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

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

• Tempered Moss color palette (#F9F5E8, #91871E, #0F786B, #6B413D, #3A352F)
• Lagoon Atelier color palette (#F0F8EA, #23A484, #3C6A91, #5D4E20, #33342D)
• Muted Driftwood Drift color palette (#F4F2E5, #819350, #566F9C, #663B5B, #21160B)
• Pine Boulevard color palette (#F0F9E2, #007F57, #005582, #412E00, #1F1D06)
• Softworn Driftwood color palette (#F5F6EE, #D4DDD6, #A0B0B5, #828841, #52534E)
• Muted Seafoam Boulevard color palette (#DFFFE1, #91D4AB, #4D8F77, #1D685A, #005350)
• Taupe Grove color palette (#EBF9F4, #92AB6B, #7485B4, #835578, #463139)
• Worn Lantern color palette (#F2F7EB, #ADEAEE, #83D6A5, #55AC9E, #444741)

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