Tempered Mustard color palette — #EBF9F2 · #CFC77C · #9CAFE6 · #948F55 · #3E4D68

Honey and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF9F2): a clean, paper-quiet neutral.
• Honey (#CFC77C): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#9CAFE6): A luminous, balanced violet — the color of a velvet chair.
• Moss (#948F55): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#3E4D68): A full-bodied, dusty violet — the color of wild irises.

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

• Muted Apricot color palette (#FEF1F8, #FAB08A, #77BAE4, #B97B5B, #385063)
• Softworn Mint color palette (#E2FBF8, #9AD796, #D999C9, #6E996B, #514763)
• Worn Bronze Grove color palette (#EAFAF0, #BDB07B, #9193C9, #847221, #434C66)
• Timeworn Moss color palette (#FAF5E8, #D1E7BE, #C3C6FF, #AF9A1D, #414268)
• Worn Taupe Archive color palette (#EAFAF0, #ACD5C6, #A79B6E, #886B74, #394C49)
• Hushed Taupe Market color palette (#E7FBF0, #C0E8F1, #B2BCDC, #C199A6, #3B514A)
• Dusty Atelier color palette (#EDF8F7, #F2C99C, #5F8967, #385351, #1F2F2E)
• Patina Taupe Orchard color palette (#DBFFEE, #D8D895, #9DA865, #6C7140, #1C4235)

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