Mallow Courtyard color palette — #F5F4FF · #DFAFF1 · #A7BB73 · #9E7FA9 · #34554B

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

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Lavender (#DFAFF1): A luminous, balanced pink — the color of peonies in June.
• Sage (#A7BB73): A luminous, balanced green — the color of fresh herbs.
• Heather (#9E7FA9): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#34554B): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Powder Orchard color palette (#F0F6FF, #A9C3FF, #CDAC76, #738BC2, #3B543E)
• Shell Balcony color palette (#FBF1FF, #F7ABBF, #74C3AF, #B57888, #2E5459)
• Pewter Studio color palette (#F5F4FF, #C5A0D3, #8BA26A, #896097, #30554C)
• Antique Lilac color palette (#FDF1F6, #DDCBFB, #A5D6A1, #B794EA, #385636)
• Ancient Ash color palette (#F4F4FF, #EBDADA, #BBB9AE, #8E9DBA, #524D5B)
• Worn Oat Cabin color palette (#F7F3FC, #D2D79A, #85759B, #524860, #2D2A32)
• Petal Harbor color palette (#F6F3FF, #F7C4FE, #B489BB, #7D5A79, #3C3554)
• Softworn Oat Pier color palette (#E8FAEF, #C5D2A0, #A69C6E, #657C63, #384C49)

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