Tempered Mustard color palette — #F7F1E3 · #C8B94E · #77833D · #58544A · #25211C
A conversation between Gold and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E3): a clean, paper-quiet neutral.
- Gold (#C8B94E): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#77833D): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#58544A): quiet, heavy and certain.
- Onyx (#25211C): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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 Apricot color palette (#FBEFE7, #FE9A54, #927831, #5B534C, #26201E)
- Mint Workshop color palette (#F0F4E5, #77CE8A, #718072, #505B11, #23221D)
- Moss Bloom color palette (#E5F7ED, #A89F3B, #465E58, #303B35, #1E231F)
- Worn Straw color palette (#FFF3E3, #D9DA88, #9CC582, #679F84, #42543C)
- Moss Alley color palette (#E5E6D5, #55A200, #445B3C, #303029, #060401)
- Aged Pine color palette (#E2EAD1, #009156, #004C52, #1A2009, #020200)
- Muted Mint Lantern color palette (#F6F7E1, #A7D88D, #E3A8D1, #C7969D, #43433C)
- Seafoam Lantern color palette (#F4F8E4, #A5E9A7, #DBB6F1, #8CB58D, #63424C)
Browse the whole catalog at Explore, or see today's palette.