Mustard Ridge color palette — #E7DAE5 · #D8B200 · #FF875E · #613425 · #22101C

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

The five colors

• Silver (#E7DAE5): A whisper-light, dusty pink — the color of peonies in June.
• Gold (#D8B200): A luminous, balanced green — the color of a quiet forest floor.
• Salmon (#FF875E): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#613425): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#22101C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Dusty Mustard Pier color palette (#DBEACA, #E9A900, #FF8092, #6A333B, #211122)
• Softworn Lime color palette (#D5ECE7, #A8C500, #F69200, #653D10, #26121A)
• Pale Scarlet color palette (#F5DCEE, #FFA941, #D94323, #793729, #190816)
• Faded Byzantium color palette (#FFDBD4, #FF6F5B, #A4AB1E, #9241C1, #3E0904)
• Washed Drift color palette (#CFF3F9, #00D25A, #C6A500, #254733, #06120A)
• Hushed Mustard color palette (#FFEAD3, #EBAA00, #B48F00, #776C00, #292B00)
• Hushed Delta color palette (#FEF1F6, #D3F0D3, #AAD5CD, #CE863B, #432A34)
• Quiet Chartreuse color palette (#D7EAFF, #BDDD00, #FF999E, #3A010C, #070100)

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