Tempered Mustard color palette — #CAE8C7 · #DAB424 · #CB8200 · #B24F1A · #292C00
Gold and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#CAE8C7): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#DAB424): A luminous, balanced green — the color of a quiet forest floor.
- Mustard (#CB8200): A luminous, balanced gold — the color of old brass.
- Terracotta (#B24F1A): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#292C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Frosted Amber color palette (#FFD4BA, #EFA835, #E27000, #AF4F48, #312800)
- Patina Marigold color palette (#F6D9B6, #CE9B2E, #A26A00, #784400, #342700)
- Tempered Moss Market color palette (#C7E7D6, #A8C472, #A59700, #966600, #0F3114)
- Amber Drift color palette (#F9E0EB, #DEBB86, #D18B58, #A7655B, #1C3729)
- Misty Quarry color palette (#FEE6CA, #B08700, #7D5000, #562800, #151200)
- Weathered Coast color palette (#EEF9EE, #B0DDC3, #CCA569, #A47A8F, #2B433B)
- Powdered Emerald color palette (#CFE8FE, #5EC2FF, #9A8100, #3A9000, #002236)
- Feathered Ember color palette (#EAF2FF, #7891FF, #E44000, #00882B, #09113A)
Browse the whole catalog at Explore, or see today's palette.