Muted Clover color palette — #F4DDEE · #0FCD52 · #3744CC · #1C2661 · #190816

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

The five colors

• Blush (#F4DDEE): A whisper-light, dusty pink — the color of a candy shop window.
• Clover (#0FCD52): A luminous, vivid green — the color of new leaves after rain.
• Cobalt (#3744CC): A full-bodied, vivid violet — the color of wild irises.
• Navy (#1C2661): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#190816): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Muted 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

• Gentle Nightshade color palette (#FFD7EF, #00C898, #5247B2, #291E68, #1C0615)
• Dusty Lime color palette (#FAD9F4, #A8B600, #3051B5, #142863, #1C051A)
• Muted Grape color palette (#FFF1F6, #44D998, #7D4CB2, #442E5D, #29121C)
• Patina Chartreuse Lantern color palette (#F2F5FF, #91DB68, #5B3FAB, #230057, #01000B)
• Tempered Grape color palette (#FFD9E1, #00CD5C, #8D11A0, #490C53, #21040C)
• Patina Balcony color palette (#F9E3E4, #63A81C, #74165E, #340128, #090001)
• Aged Ultramarine Pier color palette (#F3DDEF, #FD8634, #304EBC, #13256A, #190917)
• Inked Aubergine Station color palette (#EFD9E5, #008A60, #2B106F, #06001F, #060003)

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