Tempered Taupe color palette — #FFF3E6 · #F7D586 · #B29D3B · #6D6C12 · #403F38

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#F7D586): A whisper-light, balanced gold — the color of old brass.
• Mustard (#B29D3B): A luminous, balanced green — the color of new leaves after rain.
• Olive (#6D6C12): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#403F38): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Hazy Harbor color palette (#FFF2EB, #FFC9A9, #CC8C46, #926716, #4C400D)
• Tempered Atelier color palette (#FAF8C8, #D9EBA0, #80AA58, #437542, #1D4C31)
• Marigold Cabin color palette (#D5F4D3, #C79E45, #817400, #585E00, #205044)
• Pale Moss color palette (#FFF2EC, #EDBC81, #B5A73B, #7D9412, #335630)
• Feathered Moss Alley color palette (#FCF5DF, #DCD98E, #B7AFFD, #948E21, #37325A)
• Taupe Field color palette (#FFF6CB, #B4F0C6, #A1B060, #55681D, #202400)
• Washed Bronze Veranda color palette (#F8ECD6, #9B8300, #555400, #212A00, #010700)
• Weathered Basalt color palette (#FAF6E2, #D0E9CB, #99C9D9, #BFB183, #4C4700)

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