Mustard Loft color palette — #FFF1F6 · #CDB8F1 · #B4B858 · #977DC1 · #4F4D46

A conversation between Gold and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#CDB8F1): A luminous, balanced violet — the color of twilight just after sunset.
• Gold (#B4B858): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#977DC1): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#4F4D46): a grounded near-black with real depth.

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

Use it as a design system

One click turns Mustard Loft 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

• Wandering Lilac color palette (#FFF1F4, #DAB5E1, #61C7A7, #AB75B5, #445237)
• Lilac Boulevard color palette (#F3F4FF, #D9CBFF, #C1CE96, #AE9CDC, #2D564A)
• Softworn Balcony color palette (#FCF1FD, #9AC8FE, #E5A05D, #598FCD, #524C46)
• Dusty Loft color palette (#FFF1F6, #C1A0E9, #9EAD66, #519E79, #4F3C43)
• Weathered Loft color palette (#F3F4FF, #B8A3E3, #C38876, #796998, #5F4356)
• Washed Driftwood Terrace color palette (#FFF1F3, #C9D9A7, #9D6898, #674146, #32282A)
• Plum Harbor color palette (#FFE8E9, #D98ABD, #1BB885, #A83687, #00402C)
• Wandering Alley color palette (#FBF4EA, #D5CAA8, #AE996D, #9B6734, #4F4A00)

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