Mustard Loft color palette — #F1D9D8 · #C3BCFF · #CEC200 · #5C5A52 · #252012

A conversation between Saffron and Lavender, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F1D9D8): A whisper-light, dusty orange — the color of toasted spice.
• Lavender (#C3BCFF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Saffron (#CEC200): A luminous, vivid green — the color of fresh herbs.
• Charcoal Brown (#5C5A52): quiet, heavy and certain.
• Onyx (#252012): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged neon, dark, vibrant, 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

• Ancient Veranda color palette (#FAE8E7, #ABC5FF, #FDAA17, #56514B, #2A1E0E)
• Faded Atelier color palette (#FFEAE5, #D2B5FF, #90D600, #465931, #23210B)
• Aged Balcony color palette (#F6E2D1, #FFB6D9, #3DEA86, #585A53, #25271F)
• Chalky Fuchsia color palette (#F2E0D9, #FF72DD, #B3AD00, #3D3B34, #1A1404)
• Pale Clover color palette (#F0DAF3, #FFB0A6, #29C123, #54564E, #1C1D10)
• Clover Delta color palette (#FDE2E4, #A8BFFF, #00D76A, #1B4226, #102826)
• Worn Lime Station color palette (#C8E6D9, #FF909C, #5ACC00, #2F4E21, #1A1B06)
• Antique Seafoam color palette (#BDFFF4, #FFCCDF, #7EF0A9, #5E6E29, #353830)

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