Tempered Emerald color palette — #E8FBEF · #B5C380 · #64964A · #3B7661 · #383F13

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

The five colors

• Ivory (#E8FBEF): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#B5C380): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#64964A): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#3B7661): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#383F13): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Hushed Pier color palette (#EAF9F4, #9EBF96, #578E6F, #3F6B75, #093E38)
• Hushed Cabin color palette (#FEF4DE, #D2E38C, #65A642, #187D60, #302E28)
• Dusty Olive color palette (#D4F5DF, #AAB351, #588727, #106287, #2E3100)
• Powdered Clover color palette (#FFF3E6, #D9D27A, #67BD4B, #2C9A9F, #403C09)
• Jade Lantern color palette (#DBECE8, #5DA570, #007257, #004F54, #00201F)
• Olive Delta color palette (#D7EBE3, #56833F, #00542B, #072A56, #020800)
• Timeworn Ash color palette (#EDF8F2, #B5DBCF, #79A6A0, #6A8094, #39544C)
• Moss Terrace color palette (#D6ECD9, #928500, #4A5B00, #003F50, #121000)

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