Tempered Mustard color palette — #FBF5E7 · #CBBC48 · #76ABD0 · #9F7FA8 · #502400

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

The five colors

• Ivory (#FBF5E7): bright and airy, almost weightless.
• Gold (#CBBC48): A luminous, balanced green — the color of a quiet forest floor.
• Blue Fog (#76ABD0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Heather (#9F7FA8): A luminous, dusty pink — the color of peonies in June.
• Espresso (#502400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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 Marigold Bloom color palette (#FDF3EA, #EEA94C, #5BAFC1, #8080AB, #40312D)
• Dusty Lime color palette (#F5F7E8, #9ECC75, #92A7E9, #A67775, #37322C)
• Aged Coast color palette (#FAF4EA, #B29F23, #837FB8, #686690, #3F2D2D)
• Tempered Celadon color palette (#FFF4E2, #C4DC8B, #82BDA0, #A57F92, #4B4B00)
• Faded Lime color palette (#FAF7D8, #98C300, #5291FF, #AD5594, #391C00)
• Mint Lantern color palette (#ECF8F8, #85BF94, #58A3A6, #776295, #1F2A1F)
• Pewter Delta color palette (#F7F5ED, #D6DDD4, #A6B3B1, #7F7087, #54534B)
• Sunlit Mint Workshop color palette (#F1F8EA, #25D5A8, #B584DA, #AB6465, #312B19)

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