Mallow Courtyard color palette — #FFF1F6 · #C8ADFF · #B09F5D · #2F8A9C · #00404B

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C8ADFF): A luminous, balanced violet — the color of a velvet chair.
• Camel (#B09F5D): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#2F8A9C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00404B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Patina Terrace color palette (#E9F9F5, #8CC3FB, #CE8F6F, #2A8C92, #004144)
• Frosted Mallow Meadow color palette (#FFF1F2, #F29FD6, #6FB27B, #3E85AC, #013D58)
• Washed Mallow color palette (#FFF1F4, #DFB6E9, #A7B077, #7087AF, #513950)
• Hushed Amber Grove color palette (#FFF1F1, #E3A5C8, #AD8132, #006C57, #192755)
• Softworn Workshop color palette (#FBF3F0, #C3EBE4, #91C5E6, #65A986, #384768)
• Hushed Stone color palette (#FFF1F6, #EEC9C7, #C9AB8D, #7F9F8C, #395746)
• Worn Chapel color palette (#FFDEE2, #FB7AEE, #009A37, #007291, #002936)
• Airy Emerald color palette (#FFF1F1, #FF9ED7, #22A943, #6566CE, #282567)

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