Worn Loft color palette — #F7F1E8 · #BB9454 · #615A05 · #3C3731 · #26201D

A conversation between Olive and Mustard, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Mustard (#BB9454): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#615A05): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3C3731): a grounded near-black with real depth.
• Onyx (#26201D): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Worn 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

• Coral Terrace color palette (#FCEFE9, #D58272, #764F04, #5D2400, #26201F)
• Marigold Lantern color palette (#EBFAED, #CDA864, #455A52, #232F24, #140D10)
• Worn Mustard Courtyard color palette (#F9F1E4, #D5B168, #947731, #704D00, #26211B)
• Worn Moss color palette (#E8DEC5, #978800, #185227, #2F250A, #181007)
• Aged Mustard color palette (#FAF5E4, #B3B863, #C28ECF, #B47592, #44423B)
• Weathered Moss color palette (#FFF3E7, #DAC07F, #9AA33F, #5F7D49, #51544D)
• Powder Terrace color palette (#F6F6E9, #B5CF97, #ADA8ED, #7B9756, #5E4453)
• Antique Fern color palette (#F9F5EA, #D3D4B1, #69AB94, #957379, #515100)

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