Tempered Mustard color palette — #FFF0F9 · #B6B5FF · #CAB546 · #6AB272 · #472F3E

Gold and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#B6B5FF): A luminous, balanced violet — the color of wild irises.
• Gold (#CAB546): A luminous, balanced green — the color of fresh herbs.
• Jade (#6AB272): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#472F3E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Aged Lime Workshop color palette (#FFF1F5, #D8B7F4, #AFCA72, #72C1A3, #523B42)
• Misty Parlor color palette (#E2FDF0, #58CDFF, #FF9364, #C89E47, #243E33)
• Dusty Moss color palette (#EBE3F4, #D3A8FF, #00A781, #7B9200, #31104A)
• Timeworn Canyon color palette (#FFF0F9, #E6D8D5, #D7B9A2, #89B5E1, #5E4A51)
• Weathered Lagoon color palette (#FFE0F8, #FFA9F0, #00B4A4, #00B444, #43243D)
• Wandering Garden color palette (#FFF0F8, #BBADFF, #DF8EAB, #549DB8, #38242F)
• Aged Chapel color palette (#FFF3E6, #E2CF9D, #D0A272, #AC7B68, #3F3D36)
• Weathered Bloom color palette (#DBF2EC, #FDC730, #CDBAFF, #6D525E, #35272D)

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