Tempered Emerald color palette — #FEF4E6 · #CCD6A3 · #519D68 · #7D546F · #2D2810

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

The five colors

• Ivory (#FEF4E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#CCD6A3): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#519D68): A luminous, balanced teal — the color of sea glass.
• Graphite (#7D546F): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#2D2810): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Lagoon Garden color palette (#FAF5E5, #B0DEB2, #349D8C, #3B6889, #272A11)
• Muted Lagoon color palette (#FBF5E4, #9EC899, #008A74, #684164, #181A00)
• Worn Teal color palette (#F9F5EB, #D0F0CB, #57B19B, #906C66, #393C00)
• Gentle Moss color palette (#FFF3E7, #D5C56B, #519200, #534A9B, #241E00)
• Softworn Seafoam color palette (#E5FBF3, #A8DA98, #6AB286, #7185A0, #1B3C37)
• Cypress Balcony color palette (#EAFAF1, #8CA474, #2D724B, #464865, #1C3C35)
• Worn Clover Boulevard color palette (#FFF1F0, #FF9BC6, #5DC25C, #B3497C, #0B310C)
• Wandering Onyx color palette (#F6E8D4, #718342, #004928, #290242, #010100)

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