Misty Mustard color palette — #FFF4DE · #BF9F00 · #677300 · #004A45 · #191100
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#BF9F00): A luminous, balanced green — the color of fresh herbs.
- Olive (#677300): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004A45): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#191100): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Balance. Tagged retro.
Use it as a design system
One click turns Misty Mustard 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
- Hushed Amber color palette (#FFF3E2, #E68800, #866500, #004C2C, #1D0F00)
- Moss Study color palette (#FDF5DB, #9D9600, #007741, #004145, #190700)
- Mustard Boulevard color palette (#FFF4DC, #CABA00, #6D8A2D, #005D5F, #292101)
- Chalky Clover Parlor color palette (#FFF6CF, #49C01A, #007F55, #004561, #001804)
- Mint Courtyard color palette (#F6F7E1, #87CF8B, #38895A, #5B5126, #181B00)
- Patina Marigold color palette (#F2DBB6, #D7A000, #78952F, #2366B2, #2B2400)
- Hazy Grove color palette (#D3EAD7, #997100, #415500, #002B59, #120E00)
- Lowlit Olive Workshop color palette (#F2E5BF, #807A00, #2B2500, #111B1D, #060300)
Browse the whole catalog at Explore, or see today's palette.