Mustard Canyon color palette — #F0E5B5 · #B89D00 · #00A0A0 · #7A6800 · #003636
Built around Mustard, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#F0E5B5): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#B89D00): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#00A0A0): A luminous, balanced teal — the color of sea glass.
- Olive (#7A6800): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#003636): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Frosted Mustard Drift color palette (#FFF5DA, #C8B500, #00AFB3, #786C00, #002425)
- Washed Field color palette (#BFF1E3, #81B100, #009BC3, #557600, #003343)
- Washed Rust color palette (#EBE8CE, #9D8E00, #009772, #C23500, #292500)
- Wandering Studio color palette (#ECDEB0, #B2A756, #8F7500, #6A4D00, #2B2B00)
- Misty Lagoon color palette (#E3FBFC, #6DCDAA, #CC9A5C, #009771, #583C16)
- Hushed Chestnut Drift color palette (#CEEBF0, #008B79, #845F00, #005146, #170E00)
- Aqua Harbor color palette (#EBF9F3, #C4CA8D, #66C1D0, #8C9254, #285364)
- Mustard Coast color palette (#C8EEE4, #BFAD00, #426800, #203500, #091300)
Browse the whole catalog at Explore, or see today's palette.