Muted Mallow color palette — #F4F7EC · #AFE4B8 · #DAB5F7 · #7DB987 · #60444D

Lavender and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Mint (#AFE4B8): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#DAB5F7): A whisper-light, balanced violet — the color of wild irises.
• Mint Leaf (#7DB987): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#60444D): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Taupe Courtyard color palette (#FAF5E7, #DED7A0, #A9C7FF, #B4AA65, #5C445A)
• Mallow Courtyard color palette (#EEF9EE, #86E8EA, #FFA9C8, #5ABABD, #634441)
• Mallow Pier color palette (#EAF9F6, #ACD0A4, #D198E2, #669D5A, #4D4966)
• Washed Mallow color palette (#F8F6E2, #B8D294, #F2A1C7, #D3908E, #43433C)
• Timeworn Fern Study color palette (#F6F6E7, #CBE8D9, #DACED9, #CAB88C, #405510)
• Tempered Lilac color palette (#E4F6F4, #91C293, #AA8EC6, #527E55, #2E2D4B)
• Wandering Fern Courtyard color palette (#FCF3EB, #EAD7B3, #D6AD86, #AA8A7B, #524800)
• Aged Grove color palette (#F4F9D9, #8AF68E, #FF90B2, #089F28, #5F2237)

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