Mustard Garden color palette — #CDE9E1 · #F6B114 · #B1ABFF · #4B526D · #181B26

Built around Saffron, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Honeydew (#CDE9E1): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#F6B114): A luminous, vivid gold — the color of afternoon light on wheat.
• Lavender (#B1ABFF): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#4B526D): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#181B26): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Mustard Garden 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

• Apricot Canyon color palette (#E9F1DA, #FFA680, #93B6FF, #3F5474, #141C29)
• Feathered Chartreuse Workshop color palette (#C3F1EC, #B4E356, #E2B0FF, #5A5873, #272733)
• Violet Boulevard color palette (#ECEDFD, #ADD88E, #9B6FCD, #5F4C76, #141520)
• Hushed Wisteria Terrace color palette (#EEF1DD, #00E7C9, #BF82E7, #4F4D71, #1D1D2B)
• Hushed Seafoam Garden color palette (#DFF0FB, #00E6C1, #FF9DAA, #7F454D, #2F1F31)
• Blush Dune color palette (#F7F4FA, #E6D5DA, #D2B9BB, #CC86AC, #3E3744)
• Amber Dune color palette (#F9F2FE, #EF89B6, #AF9000, #008488, #1C182E)
• Pale Coast color palette (#F5EAD3, #FF9C8C, #FC66F9, #422541, #211819)

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