Tempered Market color palette — #FCEDD3 · #B38C00 · #645A00 · #423203 · #0D0600

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCEDD3): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B38C00): A luminous, balanced gold — the color of old brass.
• Olive (#645A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#423203): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0D0600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Market 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

• Moss Lagoon color palette (#E8E4C8, #859F00, #3C661A, #303910, #0B0700)
• Bronze Canyon color palette (#ECE2D2, #967100, #313E00, #241900, #0F0500)
• Mustard Bloom color palette (#F8F1E2, #C8B85C, #8C7B32, #6A5100, #24211C)
• Dusty Market color palette (#EFD9CD, #F15908, #894300, #552411, #120300)
• Weathered Canyon color palette (#E0E8D6, #3EC496, #64765B, #3B5310, #171913)
• Gentle Atelier color palette (#F1ECD2, #A5D25A, #53B111, #A17009, #25330C)
• Feathered Mustard color palette (#E3E1D1, #BFB700, #8A9700, #637A00, #233900)
• Softworn Pine Boulevard color palette (#E0E8CD, #009151, #004F3A, #002510, #020200)

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