Mustard Loft color palette — #F9F4EC · #D8BD7A · #72864F · #7F6A33 · #2F2E23

Sand and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4EC): bright and airy, almost weightless.
• Sand (#D8BD7A): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#72864F): A full-bodied, balanced green — the color of a quiet forest floor.
• Walnut (#7F6A33): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#2F2E23): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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

• Tempered Boulevard color palette (#F5F6EC, #A6CD9B, #299079, #58774F, #2A3027)
• Tempered Bronze color palette (#F6F1EA, #DFBE88, #549175, #8F6A28, #131809)
• Hushed Garden color palette (#F1F7F1, #E7CDA5, #7EA97A, #AC8542, #1D3230)
• Softworn Workshop color palette (#FCF5E1, #A5B058, #608252, #43624C, #494841)
• Washed Bronze color palette (#F8F5ED, #D7DDD2, #A0B1B1, #977F38, #55524B)
• Quiet Moss Basin color palette (#FAF5E3, #A3AB00, #007A30, #565B00, #1B2000)
• Weathered Bronze color palette (#FCF4E7, #A47A00, #347557, #673C48, #3B3430)
• Hushed Cypress color palette (#DBE3D4, #007B5C, #1B3B52, #002F21, #000203)

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