Tempered Emerald color palette — #FFF3E3 · #B5C55D · #2E9E56 · #7E643B · #3C3B34

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#B5C55D): A luminous, balanced green — the color of fresh herbs.
• Kelly Green (#2E9E56): A luminous, balanced teal — the color of glacier melt.
• Walnut (#7E643B): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#3C3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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

• Mint Studio color palette (#FBF5E5, #90C585, #42917D, #66635C, #35362F)
• Muted Emerald Field color palette (#E7FBEC, #D3E0A5, #54A858, #836700, #2B3301)
• Wandering Workshop color palette (#F7F6EA, #9ED2B5, #43A09F, #7D7329, #384A00)
• Olive Orchard color palette (#E5FCF0, #9CAC5E, #537616, #555322, #373F16)
• Sunlit Olive Basin color palette (#FEE7D0, #BEAD32, #468C00, #00686A, #352E00)
• Aged Fern Balcony color palette (#FAF4ED, #D0D6A8, #81A785, #6F8374, #5B4C00)
• Aged Villa color palette (#F3EED8, #59A66C, #007066, #464910, #191D00)
• Hushed Grove color palette (#E9F1DC, #00D849, #00A181, #006D6E, #004B63)

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