Tempered Emerald color palette — #EFF4E5 · #359C64 · #A25D6D · #7A3B4A · #171D05

A conversation between Fern and Mocha, giving this palette its sense of nature and growth.

The five colors

• Cream (#EFF4E5): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#359C64): A luminous, balanced teal — the color of glacier melt.
• Mocha (#A25D6D): A full-bodied, balanced red — the color of late-summer berries.
• Oxblood (#7A3B4A): A full-bodied, balanced red — the color of embers at dusk.
• Ink (#171D05): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Cerulean Alley color palette (#E5F8E9, #0097A9, #9B607C, #7B3950, #0D1E13)
• Weathered Moss Atelier color palette (#F3F3E2, #6E9446, #896594, #693E75, #1D1B02)
• Timeworn Teal color palette (#ECF6E5, #54A691, #AD7165, #775731, #1D2618)
• Bronze Workshop color palette (#DFFAE8, #008BA0, #A25200, #713700, #00181D)
• Antique Petrol color palette (#FFEEE3, #47AFA8, #366FA1, #69371F, #0C2918)
• Weathered Plum color palette (#E8F8FF, #29B1C5, #748EC9, #A44F6C, #1B3742)
• Washed Mulberry Pier color palette (#D5ECD3, #007B78, #A5005F, #6F003E, #000E0D)
• Terracotta Loft color palette (#D3F3E6, #006D98, #8B380D, #5D2000, #000911)

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