Tempered Emerald color palette — #FFF0F7 · #C4B7FF · #47A464 · #327B9E · #301E28

Kelly Green takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lavender (#C4B7FF): A luminous, balanced violet — the color of twilight just after sunset.
• Kelly Green (#47A464): A luminous, balanced teal — the color of glacier melt.
• Slate (#327B9E): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#301E28): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, 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 Pier color palette (#FFF1F3, #D798DC, #01B7A2, #5572A6, #341D22)
• Misty Moss color palette (#FFF0F9, #A6AAF7, #A4A439, #008388, #311D2A)
• Mallow Corridor color palette (#FFF1F3, #E597E4, #6D9131, #07668E, #2A1418)
• Lilac Alley color palette (#F1F0FF, #A26DBC, #03877E, #005F59, #19162C)
• Muted Coral Meadow color palette (#FFF2ED, #FF7375, #00A89A, #325FC5, #330C0E)
• Linen Mallow Courtyard color palette (#F8F2FF, #F891D6, #DA9F66, #7191C3, #362F3F)
• Amber Lantern color palette (#FFF4DC, #FFB1CF, #D27736, #126B96, #452A21)
• Hushed Wisteria color palette (#F9F2FF, #C876FF, #008455, #005795, #150321)

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