Mustard Ridge color palette — #FCF5DD · #BEBF41 · #9D9CE2 · #84853F · #56374A

Gold and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCF5DD): A whisper-light, dusty green — the color of fresh herbs.
• Gold (#BEBF41): A luminous, balanced green — the color of fresh herbs.
• Mauve (#9D9CE2): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#84853F): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#56374A): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Tempered Mint Delta color palette (#F4F7E9, #91D89B, #C4A1DC, #689A6F, #62434D)
• Periwinkle Lantern color palette (#FFF3E2, #DBB05A, #5BACEE, #9E7A2D, #214564)
• Quiet Archive color palette (#E7FBF0, #DED88F, #BEADFD, #988D00, #3A3159)
• Airy Moss color palette (#FBF5E3, #D2D094, #FB9FB0, #ABA300, #652E3A)
• Sunlit Olive Bloom color palette (#E4FCF1, #A0A563, #2B9AA8, #676B01, #18495A)
• Faded Mustard Alley color palette (#FFF5DA, #CDBC30, #C07DAC, #9A6DC3, #3A3831)
• Worn Grove color palette (#FBF5E4, #ADC990, #9A9156, #8D5D24, #354400)
• Wandering Peony color palette (#EEFBDC, #33E09C, #D352A8, #008E5F, #592547)

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