Mustard Ridge color palette — #CDF3EE · #E8B900 · #8DB8FF · #5D4A5C · #261B26

A conversation between Saffron and Sky, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CDF3EE): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#E8B900): A luminous, vivid green — the color of new leaves after rain.
• Sky (#8DB8FF): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#5D4A5C): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#261B26): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, 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 Marigold color palette (#CFEEFF, #FFA953, #00CFDB, #415644, #1A231B)
• Sunlit Wisteria color palette (#CDF8F0, #F8A802, #CF8BFF, #313046, #1E1E2A)
• Airy Lime Thicket color palette (#C6E9F7, #6BE000, #B3ABFF, #654C5A, #24151D)
• Misty Lantern color palette (#E4E9C5, #00E6CC, #AC8DE7, #5F4450, #25181E)
• Worn Coast color palette (#E2F2E6, #AFD0FF, #E67DC2, #68435A, #2F1A1A)
• Wisteria Balcony color palette (#DBF9E5, #42CFFF, #B477E7, #4F3963, #24151A)
• Aged Ash color palette (#FCF2F2, #E7D8C8, #C5C0AB, #C18DAC, #463636)
• Frosted Loft color palette (#E5DECA, #00B8D4, #257EE6, #402A41, #0E040F)

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