Tempered Mustard color palette — #F5D3E6 · #C8A800 · #009F7E · #775494 · #002C22

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

The five colors

• Shell Pink (#F5D3E6): A whisper-light, dusty pink — the color of neon signs at night.
• Gold (#C8A800): A luminous, balanced green — the color of new leaves after rain.
• Fern (#009F7E): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#775494): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#002C22): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Worn Marigold Drift color palette (#FED5B7, #E49800, #379F56, #6C54A6, #042C1C)
• Patina Mustard color palette (#FFE6F7, #CBBE00, #00AF9B, #8E6196, #0D3831)
• Muted Veranda color palette (#F4D1F3, #87BF00, #009AA5, #92477C, #002B2A)
• Antique Moss Balcony color palette (#FEEAE7, #8FA400, #008887, #763B74, #001D05)
• Linen Mustard color palette (#FADBE5, #C4BF5A, #69A25D, #906D47, #073121)
• Misty Canyon color palette (#EEDBBE, #979900, #047E3C, #3E3A8A, #1C2900)
• Timeworn Mint Lagoon color palette (#FDEED0, #96C187, #6B9EAE, #7E6D91, #3A2C49)
• Hushed Bloom color palette (#C6E9CA, #FF8058, #879013, #4B5FAE, #361D00)

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