Mustard Ridge color palette — #C8F2F0 · #D1C600 · #B2A6FF · #3F3960 · #331F2A

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

The five colors

• Honeydew (#C8F2F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Saffron (#D1C600): A luminous, vivid green — the color of fresh herbs.
• Lavender (#B2A6FF): A luminous, balanced violet — the color of a velvet chair.
• Navy (#3F3960): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#331F2A): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Gentle Chartreuse color palette (#D7E4EC, #9DD800, #ADA8FF, #553248, #271721)
• Linen Mustard Loft color palette (#D0F7FA, #F8B321, #6FBBFF, #114339, #182824)
• Gentle Chartreuse color palette (#CEFFED, #A6FE53, #F0B8FF, #3A1743, #151127)
• Mallow Summit color palette (#E7E5D0, #FFAF93, #FF95D2, #7B3A61, #2C1717)
• Aged Fuchsia color palette (#6CFFC4, #A4E2FF, #E87FC7, #523C3D, #352929)
• Hushed Peony color palette (#FDF2F0, #E5DAC7, #C2C2AC, #C1657E, #4B3B38)
• Byzantium Cabin color palette (#D5F0D4, #45ABFF, #9840E8, #201131, #110308)
• Gentle Fuchsia Station color palette (#E6EEFF, #FF9C86, #FF5ED8, #52222C, #292134)

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