Muted Clover color palette — #F7DEE1 · #88CCFF · #57CF5B · #284047 · #1E2A28

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

The five colors

• Shell Pink (#F7DEE1): A whisper-light, dusty red — the color of embers at dusk.
• Sky (#88CCFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Clover (#57CF5B): A luminous, vivid green — the color of new leaves after rain.
• Deep Teal (#284047): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1E2A28): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant, muted.

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

• Mint Alley color palette (#FFDFCB, #ADC2FF, #00CEAE, #293D4A, #1A292A)
• Softworn Hollow color palette (#F4E1F5, #39D9FA, #B5BB00, #254647, #212F29)
• Dusty Mint Balcony color palette (#DBDEED, #8DDCFF, #00EAA8, #555851, #2A2D25)
• Misty Corridor color palette (#F8E0EF, #B3B1FF, #6AC631, #0D2824, #031310)
• Timeworn Lilac Field color palette (#EDD9D6, #AE97FF, #00B384, #002F30, #001B1C)
• Muted Veranda color palette (#EAF9F9, #6CC39F, #2E75A6, #007151, #162633)
• Wandering Veranda color palette (#E5FAF8, #CEA956, #2D5D3A, #113433, #121D21)
• Hazy Teal color palette (#D8FFF4, #00C4C6, #007F98, #005373, #003B6F)

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