Mustard Ridge color palette — #FFF4DF · #BDC35A · #9A7A00 · #704000 · #0C1E00
Built around Gold, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Gold (#BDC35A): A luminous, balanced green — the color of fresh herbs.
- Ochre (#9A7A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#0C1E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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
- Aged Bronze color palette (#FFF3E7, #CDAE6A, #A4661D, #6E321F, #181200)
- Ancient Driftwood color palette (#FFF3E4, #D5C891, #A98249, #784C33, #272201)
- Muted Moss color palette (#F1EADD, #9C8F34, #6E5900, #473200, #131300)
- Dusty Lantern color palette (#C4E9D0, #C9BA51, #B19100, #906A00, #2B2B00)
- Timeworn Lantern color palette (#FAF5E8, #D2E3C8, #BCAD89, #9C7134, #3E4400)
- Dusty Boulevard color palette (#FEEADF, #A16115, #672300, #2B0007, #020100)
- Hushed Coast color palette (#DDFFEA, #00A3C0, #D34644, #A10017, #000F14)
- Dusty Apricot Orchard color palette (#DFFEEB, #FFAC8A, #006377, #00232C, #000201)
Browse the whole catalog at Explore, or see today's palette.