Weathered Mustard color palette — #FFF3E4 · #DEBB00 · #858F00 · #345000 · #002009
Saffron takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Saffron (#DEBB00): A luminous, vivid green — the color of a quiet forest floor.
- Olive Leaf (#858F00): A luminous, balanced green — the color of fresh herbs.
- Deep Olive (#345000): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#002009): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Weathered 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
- Amber Field color palette (#FFF2ED, #FFAF69, #AF7D00, #504500, #121700)
- Powdered Loft color palette (#FFF8B6, #A9D443, #009633, #005B3D, #00231E)
- Quiet Amber color palette (#F1E0CC, #B29600, #646300, #2A4600, #003213)
- Olive Lagoon color palette (#E8DFBD, #798000, #224600, #001907, #000201)
- Quiet Mustard color palette (#FFF4DE, #D2A300, #598100, #004193, #1C1900)
- Soft Pine color palette (#ECDCD7, #F79C28, #AB9500, #0A861E, #002D26)
- Misty Amber Delta color palette (#FFE5DF, #CE8200, #606000, #003E15, #00140E)
- Pine Lantern color palette (#FFF3E2, #B8ECD3, #AABF8C, #54824F, #004E34)
Browse the whole catalog at Explore, or see today's palette.