Tempered Mustard color palette — #F8F5EA · #AEBA5F · #6B90B7 · #865B65 · #573A36

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

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Gold (#AEBA5F): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#6B90B7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pewter (#865B65): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#573A36): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Mustard Courtyard color palette (#FCF4E7, #CCAD67, #5496B0, #626492, #5C3637)
• Antique Oat Field color palette (#FDF5DE, #D0D6B4, #A3B2A2, #9A817F, #644B49)
• Antique Dune color palette (#EAF9F6, #B3D2A6, #A6A1DC, #847EBB, #61313C)
• Teal Ridge color palette (#EEF9E8, #00BFA5, #946DAF, #834D42, #512E16)
• Muted Coast color palette (#F9F4ED, #D3D6A4, #8AA57E, #9D7535, #5C4C00)
• Softworn Seafoam color palette (#FBF8CC, #9DDDA0, #5FB792, #4B877D, #3C5743)
• Dusty Delta color palette (#FBF3EE, #C1E4F3, #8EB5DD, #728F6F, #604B5B)
• Pale Jade color palette (#EEF6DD, #00B264, #6467BA, #7D353E, #4B161F)

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