Tempered Emerald color palette — #F4F8DE · #629861 · #218A99 · #856225 · #383932

Fern takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F4F8DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#629861): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#218A99): A full-bodied, balanced blue — the color of open sky before noon.
• Walnut (#856225): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#383932): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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

• Hushed Ridge color palette (#EAFCE2, #009E8B, #3480BD, #686F25, #2C3E23)
• Linen Terrace color palette (#FFF4DE, #A08628, #358E63, #A14A43, #3B3731)
• Tempered Drift color palette (#B7F9FD, #009197, #4169D8, #3C7000, #00383B)
• Linen Forest color palette (#DEFFE4, #96CBA0, #498451, #105324, #083716)
• Powdered Pine color palette (#CFE7DC, #008564, #006D96, #5D5300, #002C1F)
• Worn Fern Market color palette (#F3F8E4, #C1E8CF, #92D0DF, #6E8C66, #465710)
• Wandering Basalt Lagoon color palette (#FFF3E8, #BDA280, #8D6B49, #6D482E, #533700)
• Antique Mulberry color palette (#F0F5DE, #5AA065, #946DAB, #934E87, #1D2104)

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