Tempered Clover color palette — #FFF1F4 · #55BC4A · #632B77 · #331A3D · #2C1019

Clover and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Clover (#55BC4A): A luminous, vivid green — the color of new leaves after rain.
• Royal Purple (#632B77): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Indigo (#331A3D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#2C1019): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

Use it as a design system

One click turns Tempered Clover 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

• Clover Chapel color palette (#FFF0FB, #4CBC61, #333C91, #191F54, #281223)
• Muted Moss color palette (#FFE8E8, #84AA53, #642B4F, #391416, #190E08)
• Peony Cabin color palette (#F7F3FF, #C4DA7F, #C665AD, #883975, #1E1629)
• Softworn Corridor color palette (#FFF1F2, #F35DD4, #45891F, #790067, #1E1F04)
• Washed Apricot Loft color palette (#F8EEFC, #E2915F, #7A2C4C, #3D0820, #0F0116)
• Twilit Olive Ridge color palette (#F6DEDB, #6A8700, #4D0025, #190008, #030200)
• Hushed Stone Orchard color palette (#FDF3EB, #D0C17F, #7C5335, #552D00, #27241A)
• Worn Apricot color palette (#FFF2F0, #FFA060, #9E4767, #602139, #2B1210)

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