Quiet Clover color palette — #F0F5FF · #6CB853 · #2B418C · #142151 · #131B29

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Clover (#6CB853): A luminous, balanced green — the color of new leaves after rain.
• Indigo (#2B418C): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#142151): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#131B29): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Weathered Mint color palette (#F3F4FF, #78C289, #5B4478, #2A2B45, #1F1723)
• Timeworn Emerald color palette (#D4DEF4, #3AA45F, #292777, #0F0E38, #060B17)
• Ancient Thicket color palette (#F0F6FF, #D99000, #223F95, #102253, #121B28)
• Misty Iris color palette (#FFF0F8, #BFDB90, #8880D9, #585195, #26141F)
• Frosted Canyon color palette (#E7E0F9, #59AA00, #640062, #310030, #130824)
• Patina Byzantium Villa color palette (#F3F4FF, #9622FD, #626F00, #465000, #262847)
• Ancient Indigo color palette (#F3F4FF, #FA9D99, #7258A2, #422B68, #161830)
• Faded Aubergine color palette (#FFECF4, #E88985, #563985, #290B4C, #140109)

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