Tempered Mustard color palette — #FEF4DE · #C5B162 · #828E47 · #00736D · #3F3D36
A conversation between Gold and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Gold (#C5B162): A luminous, balanced green — the color of fresh herbs.
- Moss (#828E47): A luminous, balanced green — the color of fresh herbs.
- Teal (#00736D): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#3F3D36): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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 Moss Lagoon color palette (#E9FAF0, #E0CC75, #8A9C30, #00736E, #1E382C)
- Worn Lagoon Summit color palette (#FBF6DD, #93C089, #499874, #306A88, #3C3E37)
- Apricot Ridge color palette (#FFF3E3, #E59E76, #A87D42, #3E713F, #423C37)
- Fern Station color palette (#FAF5E4, #B2C78B, #7B9C7C, #527962, #4D4A00)
- Aubergine Market color palette (#FFF3E6, #BE8C5C, #60732A, #5A3B83, #403D36)
- Quiet Olive color palette (#EAE7B8, #96A200, #388300, #005862, #222E00)
- Lagoon Pier color palette (#F5F6EE, #BEE9DC, #70B1B7, #3E897C, #2F503A)
- Feathered Moss color palette (#ECFAEB, #F7BA75, #8FB350, #8378B1, #2C4433)
Browse the whole catalog at Explore, or see today's palette.