Tempered Mustard color palette — #F5F1EA · #D3C576 · #4E88BB · #7E722D · #081A15

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

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Honey (#D3C576): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#4E88BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Walnut (#7E722D): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#081A15): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Bronze Basin color palette (#F8F0EB, #EEB592, #3C9197, #996340, #101811)
• Tempered Seafoam color palette (#F1F3EB, #93D5A6, #777EB4, #478059, #1D1219)
• Washed Moss color palette (#EEF8F4, #CFD7A2, #61A7B8, #8B9345, #1F3139)
• Quiet Lime Pier color palette (#F5F3DD, #8EB91F, #006AC7, #4C6600, #110412)
• Mint Orchard color palette (#FFEDE9, #88BC78, #2F8597, #6E4544, #272F1D)
• Hazy Mint Pier color palette (#FFF1C9, #A1CD90, #469B84, #006470, #002D55)
• Patina Moss Lagoon color palette (#F6F2E3, #798F42, #8F5789, #5D3C59, #251613)
• Muted Aubergine Balcony color palette (#E7F3DF, #007966, #5A0060, #003229, #030004)

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