Soft Mustard color palette — #F1D5E5 · #E7AE00 · #B0603E · #693B28 · #14060F

A conversation between Saffron and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Shell Pink (#F1D5E5): A whisper-light, dusty pink — the color of neon signs at night.
• Saffron (#E7AE00): A luminous, vivid gold — the color of afternoon light on wheat.
• Ochre (#B0603E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#693B28): A full-bodied, dusty orange — the color of toasted spice.
• Ink (#14060F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Balance. Tagged luxury, dark.

Use it as a design system

One click turns Soft Mustard 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

• Softworn Cabin color palette (#E6D8EE, #E7AE00, #B0567C, #64394A, #110618)
• Gentle Mustard Balcony color palette (#D0E5D0, #E7AE00, #A26D00, #604213, #011002)
• Marigold Orchard color palette (#F1E1E6, #D09C00, #945700, #532F00, #090003)
• Timeworn Meadow color palette (#FCE8F1, #ECC267, #BC7341, #6C4B5B, #1E1118)
• Mustard Workshop color palette (#EBD7E7, #AFAA00, #8B362E, #461814, #140512)
• Worn Parlor color palette (#FFF2EB, #D1BB4F, #7E3A26, #310700, #030100)
• Dusty Alley color palette (#EEE1D9, #B1834B, #5E2500, #230900, #040100)
• Amber Cabin color palette (#D6F4DD, #BC8E00, #6F5400, #342600, #000301)

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