Mallow Courtyard color palette — #E4FBF4 · #D8BDFF · #BF7B8E · #247166 · #332D47

Lavender and Dusty Rose set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#E4FBF4): A whisper-light, dusty teal — the color of glacier melt.
• Lavender (#D8BDFF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Dusty Rose (#BF7B8E): A luminous, balanced red — the color of a theater curtain.
• Teal (#247166): A full-bodied, dusty teal — the color of sea glass.
• Navy (#332D47): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged retro, 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

• Amber Summit color palette (#F1F5FF, #B2B3F7, #BD7650, #006C57, #002D4F)
• Amber Alley color palette (#E1FDEC, #F8B4D5, #C27F5F, #1D6B90, #3D2940)
• Aged Fern Pier color palette (#E0FCF7, #A4D0FF, #A282BD, #487038, #263148)
• Softworn Stone color palette (#F3F4FF, #E8D5E0, #C5A9BB, #678590, #34525C)
• Softworn Plum color palette (#F9F6E2, #A586D0, #9F4866, #005B51, #513439)
• Worn Bronze Pier color palette (#FFF3E8, #F2B1CF, #DB8A94, #A57A00, #54332F)
• Tempered Taupe color palette (#EEF9EE, #B6E8E6, #8EA877, #6D7591, #243F32)
• Plum Harbor color palette (#FFECF5, #C485AC, #A34863, #603F00, #281D31)

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