Quiet Mustard Grove color palette — #F8F1E3 · #E3C100 · #00B1AE · #A68D00 · #001615
Saffron and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F1E3): bright and airy, almost weightless.
- Saffron (#E3C100): A luminous, vivid green — the color of fresh herbs.
- Turquoise (#00B1AE): A luminous, balanced teal — the color of sea glass.
- Mustard (#A68D00): A luminous, balanced green — the color of a quiet forest floor.
- Ink (#001615): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged duotone.
Use it as a design system
One click turns Quiet Mustard Grove 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
- Chartreuse Corridor color palette (#F6F2E1, #C3CE00, #00A8E3, #8E9700, #00141F)
- Clover Study color palette (#FFEFDE, #FFAF53, #00B95C, #C67A00, #001706)
- Plum Studio color palette (#F3E6D1, #CFA100, #0099B9, #B80076, #302200)
- Mustard Grove color palette (#F7F5EF, #EADEB6, #78C5D2, #B2B148, #233227)
- Timeworn Chartreuse color palette (#F8F6E3, #AED600, #00946F, #5F7500, #010200)
- Timeworn Pier color palette (#FFDDC5, #9CC200, #00A591, #BC0086, #013306)
- Pine Corridor color palette (#E6F6F0, #A5B633, #009035, #657100, #001704)
- Gentle Emerald Balcony color palette (#F4F6ED, #A4DAB2, #05B0ED, #00B35C, #001E14)
Browse the whole catalog at Explore, or see today's palette.