Tempered Mustard color palette — #F6F3DE · #ABBD69 · #A092C8 · #6C7939 · #422734

Sage takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F3DE): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#ABBD69): A luminous, balanced green — the color of new leaves after rain.
• Blue Fog (#A092C8): A luminous, dusty violet — the color of a velvet chair.
• Olive (#6C7939): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#422734): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Aged Olive color palette (#E7FAF3, #ADB685, #A38CC1, #6F7A2E, #494A68)
• Timeworn Marigold color palette (#FDF0E1, #E1A65C, #6FA0D7, #906936, #3C293E)
• Patina Grove color palette (#EEF4E7, #66C9A5, #C984A2, #3E8068, #452826)
• Tempered Moss Hollow color palette (#F5F3DB, #8AA958, #5F93C0, #986973, #2A2817)
• Timeworn Moss Lantern color palette (#E9FAF5, #B6CD9F, #6EBDDC, #7A9758, #295269)
• Worn Bronze color palette (#FFEEE3, #D2B59A, #AE7348, #834527, #342A1E)
• Aged Balcony color palette (#F8F6E5, #DBF0A2, #D1C0FF, #92A361, #583D49)
• Worn Oat color palette (#F5F5D0, #B8DE9E, #769661, #3E5329, #1E1C00)

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