Tempered Emerald color palette — #F3F4FF · #C5A4FF · #2FA829 · #6A40A3 · #021F01

Kelly Green and Plum set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#C5A4FF): A luminous, balanced violet — the color of a velvet chair.
• Kelly Green (#2FA829): A luminous, vivid green — the color of new leaves after rain.
• Plum (#6A40A3): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#021F01): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.

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 Grape Field color palette (#F2F5FF, #B4ACFF, #8F9400, #5B3FB9, #191A00)
• Hushed Fuchsia color palette (#F6F3FF, #FD81F9, #56A330, #8E248D, #081E00)
• Sunlit Amethyst Hollow color palette (#D5DCFF, #C5B6FF, #57BC51, #7653CA, #043304)
• Aged Moss Archive color palette (#F5F3FF, #F8AFFF, #84A63C, #9A59A1, #202D00)
• Antique Blush color palette (#FAF1FF, #FF72AD, #00AA89, #A43066, #001E16)
• Aubergine Workshop color palette (#F2D5DF, #A376CC, #497A00, #550083, #1A3000)
• Magenta Grove color palette (#FFE5FD, #F14AEF, #008D40, #740373, #000B02)
• Wisteria Market color palette (#FAF2FF, #CE76FF, #5D7E00, #006F55, #0C0723)

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