Mustard Loft color palette — #FFF4DB · #E0E2AD · #D8BE00 · #7C9700 · #141100
A conversation between Saffron and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Celadon Mist (#E0E2AD): A whisper-light, dusty green — the color of new leaves after rain.
- Saffron (#D8BE00): A luminous, vivid green — the color of a quiet forest floor.
- Olive Leaf (#7C9700): A luminous, balanced green — the color of new leaves after rain.
- Ink (#141100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Dusty Dune color palette (#FCF6DB, #EAC600, #A4BF00, #208C11, #060900)
- Tempered Marigold Summit color palette (#FFF3E7, #FFD2BE, #FFAC56, #B68800, #1B0D00)
- Tempered Celadon Loft color palette (#F9F7D8, #E6EC4E, #A1D75B, #2EB45E, #081B00)
- Olive Garden color palette (#DDE996, #A5C247, #5D8C00, #235800, #022502)
- Airy Archive color palette (#E2FCEC, #EAA300, #A58C00, #657900, #292400)
- Wandering Moss Field color palette (#F4F7CD, #A8C800, #3EB400, #00754D, #000200)
- Gentle Pine color palette (#F8F7DE, #9EC992, #438851, #634E0D, #061F00)
- Apricot Pier color palette (#DDF4E0, #FE8B52, #C09200, #007941, #101400)
Browse the whole catalog at Explore, or see today's palette.