Mustard Ridge color palette — #E3FCEE · #B2A12C · #8A7DC6 · #736607 · #3A405E

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

The five colors

• Ivory (#E3FCEE): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#B2A12C): A luminous, balanced green — the color of fresh herbs.
• Lavender Blue (#8A7DC6): A luminous, balanced violet — the color of wild irises.
• Olive (#736607): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#3A405E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Worn Cabin color palette (#E4FBF5, #7DB14F, #AB71B0, #4B7323, #443D5B)
• Ancient Market color palette (#E3F8EE, #A8A954, #8088C6, #696900, #202249)
• Softworn Amber color palette (#EAFBEA, #D49000, #4090CE, #875C11, #2A455D)
• Hushed Olive color palette (#FCF5DD, #BBBE6C, #949EE5, #858600, #3A3F63)
• Weathered Workshop color palette (#DEFEEF, #918E00, #7172B9, #6E5D95, #243E33)
• Aged Hollow color palette (#E6FBEF, #9FAF7A, #7B7345, #425941, #264340)
• Misty Plum color palette (#D5FFFF, #2ABF85, #A74099, #006E49, #56264E)
• Timeworn Boulevard color palette (#DFFEED, #BFE6F0, #96D0C4, #927450, #3F5550)

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