Tempered Emerald color palette — #F2F5FF · #A38EE5 · #2EA76F · #4B70A1 · #2E3243

Built around Kelly Green, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Wisteria (#A38EE5): A luminous, balanced violet — the color of a velvet chair.
• Kelly Green (#2EA76F): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#4B70A1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#2E3243): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Misty Courtyard color palette (#EFF6FF, #719EEC, #929621, #3175A2, #293442)
• Patina Basin color palette (#EDF7FF, #4AA7E6, #42A479, #1A806D, #223545)
• Chalky Blush Dune color palette (#F9F2FF, #E280AD, #009676, #1E6393, #0E3B5A)
• Antique Loft color palette (#FBF2FA, #DB9696, #7AAB6F, #5F7AAE, #443944)
• Softworn Olive Courtyard color palette (#F7F3FE, #C078A7, #7D8600, #2B649B, #30283B)
• Fuchsia Balcony color palette (#F7F3FF, #D47BBB, #00A4A4, #905690, #362F42)
• Weathered Terrace color palette (#FFF1F2, #E293D3, #46B2A6, #308179, #351C1F)
• Dusty Mallow color palette (#F8F2FF, #EF99CE, #D6A167, #6B91CA, #382D44)

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