Mustard Orchard color palette — #FFF3E2 · #F2B101 · #AFA7FF · #B58EC0 · #3B3731

Built around Saffron, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Saffron (#F2B101): A luminous, vivid gold — the color of afternoon light on wheat.
• Lavender (#AFA7FF): A luminous, balanced violet — the color of a velvet chair.
• Mauve (#B58EC0): A luminous, balanced pink — the color of peonies in June.
• Charcoal (#3B3731): quiet, heavy and certain.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Worn Quarry color palette (#FFF2EA, #FFA572, #84B7FA, #9A97CA, #3D3732)
• Chalky Mustard Station color palette (#FDF6D3, #B9C957, #D29DE5, #C586A6, #393831)
• Linen Loft color palette (#E0FEEA, #C3A20B, #08AAC5, #A7729C, #253E2F)
• Ancient Sand Veranda color palette (#FFE6E6, #AED3FF, #FFB47F, #885421, #342A22)
• Aged Orchid Coast color palette (#EDEDD2, #CAC437, #EA64CC, #A65AE7, #272500)
• Cocoa Boulevard color palette (#FFF3E4, #D3EAC7, #9FE0F0, #D6AC94, #5D4600)
• Airy Teal color palette (#FFF4DC, #C9BD6F, #51C299, #C67B69, #352909)
• Gentle Chartreuse Thicket color palette (#CEF8D3, #40F473, #FF7FAA, #D066C9, #0F3A1A)

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