Mustard Ridge color palette — #FFF7C8 · #D2C500 · #83AE2D · #008C8F · #37352F
A conversation between Saffron and Clover, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF7C8): A whisper-light, dusty green — the color of new leaves after rain.
- Saffron (#D2C500): A luminous, vivid green — the color of new leaves after rain.
- Clover (#83AE2D): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#008C8F): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#37352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged retro.
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 Mustard color palette (#FCF5DF, #C2BE00, #00B47B, #008399, #452900)
- Sunlit Terrace color palette (#FFF4DC, #FDAF26, #B79C00, #00906D, #39352F)
- Faded Cabin color palette (#E9DEBE, #A5B600, #599B43, #007382, #292500)
- Mint Lantern color palette (#FDF6D6, #84E18A, #56BA97, #5A88A7, #3C3E37)
- Hushed Moss color palette (#F1ECD1, #9AAD00, #597044, #4D4200, #151105)
- Ancient Mustard Ridge color palette (#DEFFE5, #E0BC00, #5D9835, #2E51A9, #2A2A00)
- Weathered Boulevard color palette (#D7F0AB, #00CF99, #00A49B, #2E68C5, #003127)
- Seafoam Archive color palette (#DFF9B5, #A4E1A3, #73C199, #5896AC, #1E5175)
Browse the whole catalog at Explore, or see today's palette.