Tempered Emerald color palette — #EDF6FF · #CAC8FC · #D19EC4 · #5F945D · #075A57

A conversation between Fern and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Lilac Frost (#CAC8FC): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#D19EC4): A luminous, dusty pink — the color of neon signs at night.
• Fern (#5F945D): A luminous, balanced green — the color of fresh herbs.
• Peacock (#075A57): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted, light.

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

• Mallow Parlor color palette (#C7F7E2, #BECFFF, #DA98D9, #7D9A5B, #464942)
• Chalky Coral color palette (#E8E7FF, #E4BAE6, #EE8986, #409E8E, #00535E)
• Timeworn Thicket color palette (#FEE6F8, #BDA7D7, #C58190, #51816A, #314129)
• Timeworn Bloom color palette (#E0E0FF, #BF90C0, #BF5F6C, #007164, #00343E)
• Stone Hollow color palette (#FFF1F3, #E8D7C6, #D2BDA8, #8FAAA0, #3B5049)
• Frosted Alley color palette (#F5DCF7, #FF9DB2, #E37B04, #008CAD, #00455A)
• Tempered Boulevard color palette (#F7E1FF, #E09FD3, #BB839A, #945A32, #344D33)
• Weathered Fern Studio color palette (#D6E0FF, #C3A2D2, #816D90, #5E5705, #183711)

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