Mustard Canyon color palette — #D3E3D2 · #E7AE00 · #A06D18 · #61410C · #020F03

Built around Saffron, softened by Ochre — the whole palette hums with optimism and balance.

The five colors

• Celadon Mist (#D3E3D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#E7AE00): A luminous, vivid gold — the color of afternoon light on wheat.
• Ochre (#A06D18): A full-bodied, balanced gold — the color of old brass.
• Bronze (#61410C): A full-bodied, dusty gold — the color of old brass.
• Ink (#020F03): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Aged Loft color palette (#E1F5E4, #EEC261, #A38338, #66532B, #0B1A0F)
• Soft Mustard Grove color palette (#CDE4DC, #E7AE00, #6C840F, #424F1C, #000F0A)
• Dusty Mustard color palette (#F1D5E5, #E2B036, #AF6142, #663C2B, #160410)
• Marigold Archive color palette (#E5F3EA, #D09C00, #7A6600, #443800, #000401)
• Tempered Mustard color palette (#FFF3E5, #DAB659, #6F4700, #251400, #020100)
• Dusty Driftwood Hollow color palette (#F2E9DD, #AA8849, #4E3200, #1C0F00, #030100)
• Worn Bronze Coast color palette (#D0E4E3, #AA7F00, #005928, #001B08, #000202)
• Mustard Alley color palette (#E1EFE5, #E8B400, #00AE8B, #A88200, #001112)

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