Mustard Canyon color palette — #FFF2EB · #EFAE00 · #8B7F00 · #285D00 · #001E12

Saffron takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Saffron (#EFAE00): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive Leaf (#8B7F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#285D00): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#001E12): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Bronze Garden color palette (#FFF1F1, #FFA97D, #AF7800, #544D00, #112000)
• Feathered Study color palette (#FFF4DF, #BECF00, #4B9200, #005A3F, #001D1E)
• Chalky Aubergine Chapel color palette (#FFF3E5, #E59700, #548404, #4D1B9E, #1F1800)
• Hushed Mustard Studio color palette (#E7E0CE, #D6BC00, #999900, #677800, #1E3100)
• Inked Bronze Parlor color palette (#F2DFC5, #827100, #314A00, #001005, #000201)
• Tempered Pine color palette (#FFF3E8, #DCE2C9, #B2C073, #4F8851, #004939)
• Worn Grove color palette (#FFF4DF, #D4E25C, #44B600, #006C53, #002C2D)
• Hushed Bronze Pier color palette (#F9EECD, #8B8100, #093500, #1F2824, #090800)

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