Mustard Garden color palette — #E4FCED · #BEAB00 · #00A7E2 · #0087B8 · #3A182E

Built around Gold, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#E4FCED): A whisper-light, dusty teal — the color of sea glass.
• Gold (#BEAB00): A luminous, balanced green — the color of a quiet forest floor.
• Cyan (#00A7E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0087B8): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#3A182E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, 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

• Powdered Mustard color palette (#E8FBE8, #F3AB24, #0093C1, #466DB0, #251C3A)
• Lime Hollow color palette (#DFFCF8, #59C600, #00A3E1, #0085B9, #331B2F)
• Cornflower Harbor color palette (#E5FDE7, #F8B528, #1D91F0, #9757A7, #451C4E)
• Softworn Mint Archive color palette (#E2FCF7, #5DD383, #899AE6, #717EBC, #36212F)
• Hushed Indigo color palette (#D5F1DB, #C8A922, #5170D3, #6D4F9D, #140A21)
• Amber Veranda color palette (#FFF3E4, #C38800, #007A92, #553D90, #3B1C10)
• Washed Boulevard color palette (#E5FCE9, #E9A300, #00B259, #008C75, #241932)
• Hazy Archive color palette (#FFE4D2, #F9BF1D, #88B500, #009563, #003A3A)

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