Mustard Loft color palette — #FFDBD8 · #95E6B2 · #DFBB27 · #474841 · #373228

Saffron and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDBD8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mint (#95E6B2): A whisper-light, balanced teal — the color of glacier melt.
• Saffron (#DFBB27): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#474841): a grounded near-black with real depth.
• Espresso (#373228): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, 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

• Timeworn Apricot Coast color palette (#FFD7F1, #C9DC81, #FFA56C, #4E4B44, #3E352E)
• Lime Orchard color palette (#FFDDC2, #4EEAEC, #96D356, #374831, #2F2F26)
• Sunlit Seafoam color palette (#CAEAFF, #59FEBF, #D6DE5C, #5B7168, #2F3633)
• Softworn Marigold color palette (#F0D9F4, #81D8FF, #FDA530, #32312A, #211C16)
• Timeworn Olive color palette (#F6F5EE, #B7C899, #448D74, #5E7900, #2C2F29)
• Lagoon Studio color palette (#F3FAD0, #B4C29B, #428F75, #006B5A, #00534D)
• Worn Lime color palette (#DEEFFF, #00D5CE, #81BE00, #003A23, #23220F)
• Worn Ridge color palette (#F5F6EF, #D6DBD6, #A2AFB3, #6A8E58, #535349)

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