Tempered Mustard color palette — #EEF6FF · #A1C7F9 · #C3B252 · #688EC2 · #345644

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#A1C7F9): A luminous, balanced blue — the color of deep harbor water.
• Gold (#C3B252): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#688EC2): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#345644): A full-bodied, dusty teal — the color of sea glass.

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

• Ancient Courtyard color palette (#F4F4FF, #D5B7E6, #A2BD75, #9F7CB2, #2F564C)
• Worn Cocoa color palette (#FEF0FD, #BED6FF, #DDC490, #8BA9DD, #664600)
• Hushed Cabin color palette (#EDF6FF, #9BCAF0, #ED9691, #5A92BE, #5E435B)
• Apricot Station color palette (#EEF6FF, #82B5EF, #DA9343, #839C6A, #374452)
• Worn Ash Pier color palette (#EFF6FF, #DDD8E2, #C1B2A0, #86AAC0, #4B5261)
• Timeworn Study color palette (#FFF1F8, #BCD2BA, #C18E73, #846B81, #3E4C43)
• Dusty Driftwood color palette (#F3F4FE, #A7DED5, #8175A3, #474B66, #292B34)
• Dusty Petrol color palette (#FFF0FD, #93B0E9, #C38394, #5671A8, #624440)

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