Mallow Courtyard color palette — #F3ECBF · #FFC7C9 · #D9BBFF · #5B474E · #352E31

A conversation between Lavender and Shell Pink, giving this palette its sense of nature and growth.

The five colors

• Custard (#F3ECBF): A whisper-light, dusty green — the color of new leaves after rain.
• Shell Pink (#FFC7C9): A whisper-light, dusty red — the color of embers at dusk.
• Lavender (#D9BBFF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#5B474E): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#352E31): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged neon, dark, vibrant, 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

• Aged Celadon color palette (#DCF182, #FFBACF, #A2BCFF, #523F43, #342D32)
• Weathered Shell color palette (#FBF2F8, #FFBDC1, #957087, #5E4454, #31282E)
• Tempered Station color palette (#DCF09D, #FFCFC8, #C2D3FF, #586883, #2F353F)
• Patina Mallow color palette (#DDE3C4, #FFB982, #FF9BBA, #5A403C, #312523)
• Ancient Petal color palette (#94F8FF, #FEBFFB, #B6C9FF, #564853, #3A3339)
• Timeworn Garden color palette (#FBF2F6, #D8C6FE, #BE86B3, #9381B6, #39292A)
• Worn Parlor color palette (#FFF1F3, #F7B8EB, #BF8AA9, #985F76, #703344)
• Worn Delta color palette (#FFF0F9, #A29EFA, #C18A94, #488689, #463840)

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