Quiet Mustard Garden color palette — #F3DCF4 · #D9C000 · #FF977C · #614358 · #221A20

Built around Saffron, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Thistle (#F3DCF4): A whisper-light, dusty pink — the color of a candy shop window.
• Saffron (#D9C000): A luminous, vivid green — the color of a quiet forest floor.
• Melon (#FF977C): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#614358): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#221A20): a grounded near-black with real depth.

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

Use it as a design system

One click turns Quiet 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

• Marigold Study color palette (#DFDFFF, #FFAA47, #FF8EB3, #58475F, #241A28)
• Chalky Thicket color palette (#FDD7E3, #AED100, #F8A21D, #3B5338, #131F12)
• Softworn Sand color palette (#F8EAF2, #EFBE87, #B5765C, #764937, #220F1B)
• Seafoam Coast color palette (#D0F4F8, #4BF1A1, #F5BE13, #506656, #202D23)
• Sunlit Apricot color palette (#FDE8F2, #F38F4A, #81B066, #A36D9F, #371D2A)
• Frosted Corridor color palette (#D9EDF4, #00D5A5, #C0B100, #524B00, #001E11)
• Amber Corridor color palette (#FAE1EE, #91AA00, #E07300, #4C290F, #0B0005)
• Weathered Taupe color palette (#F0F7F0, #CEDDDA, #AEC7C4, #BE9861, #333E33)

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