Tempered Emerald color palette — #EEF9ED · #B7B889 · #50924E · #506C4E · #213C30

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

The five colors

• Ivory (#EEF9ED): a clean, paper-quiet neutral.
• Sage (#B7B889): A luminous, dusty green — the color of new leaves after rain.
• Fern (#50924E): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#506C4E): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#213C30): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, 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

• Antique Lagoon Balcony color palette (#E6FBF3, #8FC2A4, #009390, #5E693B, #173C3C)
• Mint Field color palette (#E9EEDC, #72C875, #009D73, #00736A, #00444F)
• Hushed Pine color palette (#DDE8DD, #A2AD5B, #1E8741, #00616D, #073125)
• Wandering Fern Study color palette (#FDF4E4, #9DA05A, #516D2D, #4E4A44, #37352F)
• Chestnut Atelier color palette (#FFF3E2, #D1D59E, #749568, #815B16, #2E280F)
• Washed Balcony color palette (#D8F7FF, #56D0BC, #009688, #006159, #002824)
• Weathered Cabin color palette (#D4E6D7, #899C53, #007441, #5A4000, #002119)
• Teal Coast color palette (#EEF8F5, #AADCDE, #5CAAAD, #62867C, #3A5253)

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