Tempered Mustard Loft color palette — #FFF6CD · #E9AC00 · #939E00 · #008A57 · #173100
Built around Saffron, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF6CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Saffron (#E9AC00): A luminous, vivid gold — the color of old brass.
- Moss (#939E00): A luminous, balanced green — the color of fresh herbs.
- Fern (#008A57): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#173100): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Tempered Mustard Loft 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
- Aged Moss color palette (#F9F8CF, #CCBC00, #3FAE00, #007C6B, #002F12)
- Ancient Apricot color palette (#FFF5D9, #FF924B, #B48B00, #618300, #2F2800)
- Antique Lime Pier color palette (#F5F7BA, #FF9757, #94B100, #008588, #061900)
- Lime Market color palette (#D9FFF1, #FFB78C, #AEB600, #009DA7, #003115)
- Softworn Lime Coast color palette (#EBF3DF, #A0CB00, #00A374, #007078, #00261F)
- Dusty Clover color palette (#F2FAD8, #CEDB00, #00CA68, #00928C, #00402E)
- Softworn Moss color palette (#DAE7C8, #2CAF16, #00773C, #004E33, #00382E)
- Tempered Olive color palette (#E1E3C8, #868000, #337300, #004139, #000301)
Browse the whole catalog at Explore, or see today's palette.