Tempered Emerald color palette — #FFF1F4 · #C08FD3 · #84A650 · #229561 · #4F2C36

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#C08FD3): A luminous, balanced pink — the color of a candy shop window.
• Moss (#84A650): A luminous, balanced green — the color of new leaves after rain.
• Fern (#229561): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#4F2C36): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Chalky Olive Pier color palette (#FFF1F4, #C28FCD, #B8923E, #718C2A, #4C2E35)
• Jade Cabin color palette (#FFF1F1, #CE8EAE, #4FAE7E, #00928C, #4D2E2E)
• Chalky Mallow color palette (#F4F4FF, #D5A1FF, #8CB975, #779F62, #29293C)
• Magenta Bloom color palette (#EFE1F0, #C656D1, #00976D, #007778, #3B0940)
• Soft Mallow color palette (#FFF1F5, #DCA2FF, #E6A650, #46B9B5, #4B2E37)
• Timeworn Bronze Veranda color palette (#F4F4FF, #9F74B9, #A86D00, #007976, #36354C)
• Hazy Peony Dune color palette (#FFE4E1, #E969A0, #00A3AA, #2680A6, #531632)
• Chalky Lagoon Lagoon color palette (#F8E0C8, #C68545, #00A17F, #008989, #412301)

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