Mustard Ridge color palette — #F0E6C9 · #CEC100 · #93AD00 · #5B952F · #154D19

Saffron and Lime set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E6C9): A whisper-light, dusty green — the color of fresh herbs.
• Saffron (#CEC100): A luminous, vivid green — the color of new leaves after rain.
• Lime (#93AD00): A luminous, vivid green — the color of new leaves after rain.
• Olive Leaf (#5B952F): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#154D19): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Gentle Moss color palette (#F0EFD8, #A7B700, #619F00, #30792E, #003C20)
• Dusty Mustard color palette (#FAE2CE, #FCAF27, #C39700, #897A00, #3D3E00)
• Feathered Moss color palette (#E5E5CD, #9AA000, #607500, #385600, #172F00)
• Airy Chartreuse color palette (#E1FFDB, #90F46A, #67C63A, #378F35, #033204)
• Hazy Chartreuse color palette (#E5F2D1, #6EE204, #00BE60, #009368, #00463C)
• Mustard Bloom color palette (#D7FFF7, #A1E5FC, #D4D4DF, #B4AE55, #234F4B)
• Feathered Moss color palette (#DEEAD3, #41B400, #009246, #006A4C, #002921)
• Hushed Seafoam color palette (#D5F8CC, #88E4A0, #50BE93, #379785, #1D535E)

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