Tempered Mustard color palette — #F6E5D4 · #C5AC58 · #A37548 · #7B4D45 · #31312A

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

The five colors

• Parchment (#F6E5D4): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#C5AC58): A luminous, balanced green — the color of fresh herbs.
• Mocha (#A37548): A full-bodied, balanced gold — the color of old brass.
• Coffee (#7B4D45): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#31312A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Linen Boulevard color palette (#F5E6D0, #A0A554, #916A00, #713D1F, #252601)
• Bronze Studio color palette (#F7E5D0, #D8BD94, #C09461, #9F6D42, #34302A)
• Amber Study color palette (#FFF1F5, #D7C69A, #B37D3D, #874225, #00291C)
• Rust Drift color palette (#FDD4BD, #E48E03, #C9460B, #892C49, #312800)
• Aged Veranda color palette (#E2F5DE, #00A59B, #BC606C, #93444F, #1A2C17)
• Olive Basin color palette (#F1EBDC, #698B29, #605200, #482700, #001005)
• Muted Parlor color palette (#F2E3D4, #876B00, #663800, #4B0102, #040300)
• Blush Corridor color palette (#E5F3E8, #F29893, #00707E, #1E3D29, #0C1A10)

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