Mustard Ridge color palette — #FCE7F7 · #A8BBFF · #DBB821 · #687EDF · #403401

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

The five colors

• Blush (#FCE7F7): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#A8BBFF): A luminous, balanced violet — the color of twilight just after sunset.
• Saffron (#DBB821): A luminous, balanced green — the color of new leaves after rain.
• Periwinkle (#687EDF): A luminous, balanced violet — the color of wild irises.
• Espresso (#403401): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Washed Ridge color palette (#F0F5FF, #A9BBFF, #C4A236, #5D6FC2, #322600)
• Dusty Lime Parlor color palette (#FFE7F0, #D0AAFF, #B3C921, #9E67D8, #333A02)
• Airy Balcony color palette (#DFF4ED, #78C8FF, #FEA34D, #0090D3, #512A01)
• Washed Lapis Summit color palette (#FDE6F4, #A4A4FF, #A19103, #5733DA, #1F1B00)
• Wandering Atelier color palette (#FBD9EF, #9DA5FF, #FB794D, #32AF76, #3C2134)
• Wandering Seafoam color palette (#FFF1F3, #F3C2F2, #96DA9E, #C794C6, #4C4E47)
• Periwinkle Thicket color palette (#FFF0F9, #ECD3E6, #FCB3C6, #7AA9DD, #573948)
• Tempered Ridge color palette (#FDE8EE, #E5C47F, #A36FBC, #634B6F, #201115)

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