Mustard Ridge color palette — #F8EEE0 · #EBB100 · #BB9800 · #82721C · #42400C

Built around Saffron, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Cream (#F8EEE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#EBB100): A luminous, vivid gold — the color of old brass.
• Mustard (#BB9800): A luminous, balanced green — the color of a quiet forest floor.
• Walnut (#82721C): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#42400C): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Mustard Ridge 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

• Antique Marigold color palette (#F1DDCE, #E89E00, #9C7E00, #5E6600, #2E4721)
• Worn Dune color palette (#F3E7CB, #C6C775, #A89F64, #8A7845, #32302A)
• Pale Amber color palette (#FFE8DD, #C68A41, #7A6400, #3D4100, #022903)
• Lime Bloom color palette (#F1F3D2, #ACC42C, #83A92D, #5B863D, #254620)
• Mustard Study color palette (#F8EED0, #CBC42A, #00C8D3, #9A962D, #003E42)
• Sunflower Pier color palette (#F0FDC4, #CDDA64, #9CAB38, #707C20, #212500)
• Tempered Tangerine color palette (#F9D8D1, #FF9B80, #EB7A41, #AC622C, #562E0A)
• Softworn Lime Market color palette (#F0E5BE, #B6B600, #00BFA1, #D57A53, #322B11)

Browse the whole catalog at Explore, or see today's palette.