Tempered Mustard color palette — #E9F6EC · #CFAF6A · #6A5108 · #0F2F1A · #060F08

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

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Gold (#CFAF6A): A luminous, balanced gold — the color of old brass.
• Coffee (#6A5108): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#0F2F1A): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#060F08): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Mustard Ridge color palette (#FBEEF2, #D4AD59, #774900, #3C1B27, #15080C)
• Wandering Stone color palette (#E9F5F1, #DCBF83, #3E6C5E, #1D372F, #0D1613)
• Mustard Station color palette (#EAF5EF, #C6B543, #1C886A, #70661A, #001213)
• Muted Harbor color palette (#D7FBF5, #D29E00, #105D09, #042902, #000A09)
• Bronze Boulevard color palette (#FCF4E8, #D7C293, #866E37, #583D00, #2A200F)
• Amber Canyon color palette (#D6EBE1, #BB8C00, #424100, #181700, #030300)
• Dusty Pine Orchard color palette (#F1F7BA, #8DBC6D, #388F58, #005542, #002624)
• Cellar Bronze color palette (#CFE5D7, #836200, #241E00, #0D171A, #040300)

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