Mustard Canyon color palette — #E8FAF2 · #D9B922 · #697000 · #3A3F00 · #082018

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

The five colors

• Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Saffron (#D9B922): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#697000): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3A3F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#082018): A deep, shadowed, dusty teal — the color of sea glass.

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

• Feathered Mustard color palette (#E1FBFB, #BBC357, #007D4D, #00472A, #002020)
• Frosted Corridor color palette (#F9F6E4, #F7C75E, #859929, #566222, #201B00)
• Patina Mustard color palette (#D2E2DD, #B5A649, #475F00, #212E00, #000F0A)
• Hushed Meadow color palette (#DEFDF5, #FFCEA1, #547810, #223500, #000A07)
• Ancient Drift color palette (#ECF7FA, #C7D9AD, #2D8E85, #2C545C, #212E30)
• Antique Pine Terrace color palette (#E9F9F7, #69D67B, #009A94, #009034, #002228)
• Ancient Loft color palette (#E9FAED, #AC8400, #AC35B3, #A20041, #3C1D02)
• Olive Atelier color palette (#CEEAF2, #59831E, #003334, #1C1D24, #000808)

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