Mustard Canyon color palette — #F6EFE1 · #CBAD00 · #9E9B00 · #667700 · #204000
Gold and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6EFE1): A whisper-light, dusty gold — the color of honey in a jar.
- Gold (#CBAD00): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#9E9B00): A luminous, balanced green — the color of new leaves after rain.
- Olive (#667700): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#204000): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Marigold Boulevard color palette (#F0E1D7, #D09800, #857700, #356800, #003C1E)
- Timeworn Olive color palette (#E7E3C7, #B5B800, #77A700, #218B0F, #003E1F)
- Weathered Coast color palette (#E4EED2, #7CC167, #00AC59, #007856, #00362D)
- Quiet Seafoam color palette (#D9FFF2, #BAF2C0, #49F1CB, #BC9E00, #244402)
- Moss Workshop color palette (#D3F9A3, #A5DC56, #7BAA00, #4C7900, #122000)
- Pale Apricot color palette (#FCE9E4, #FF8E4F, #CD7700, #9F6700, #423100)
- Hushed Moss color palette (#E0FEEA, #D7D49D, #ACBF74, #7AA25D, #275955)
- Feathered Olive color palette (#E4E2C6, #768400, #416C00, #004D0F, #000D04)
Browse the whole catalog at Explore, or see today's palette.