Tempered Emerald color palette — #E1F7F6 · #51A170 · #7E4F8A · #5C3800 · #2D1900

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

The five colors

• Ivory (#E1F7F6): A whisper-light, dusty teal — the color of sea glass.
• Fern (#51A170): A luminous, balanced teal — the color of sea glass.
• Graphite (#7E4F8A): A full-bodied, balanced pink — the color of neon signs at night.
• Bronze (#5C3800): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2D1900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Balance. 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

• Teal Meadow color palette (#E6F5F7, #55AF9C, #8F6080, #4C5115, #003022)
• Hushed Archive color palette (#EAF8FD, #299A9F, #5D599E, #841138, #443600)
• Wandering Cerulean Study color palette (#E7F4FC, #1D9BC5, #8F5141, #503F00, #271D00)
• Faded Mulberry Thicket color palette (#DEF7FF, #00959B, #9F2546, #1B4400, #081E00)
• Tempered Mulberry color palette (#BFEAED, #008568, #83006F, #342C00, #120E00)
• Amber Alley color palette (#EBF5EB, #B48336, #1D6D92, #6F2417, #321600)
• Tempered Studio color palette (#EEF9EE, #59CFD5, #857FC9, #88444D, #322B00)
• Antique Pewter Courtyard color palette (#FBEEF2, #91BFA9, #607F5A, #375B66, #112E21)

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