Tempered Market color palette — #FFF2ED · #FFB684 · #C97D00 · #876100 · #3C2F00

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Cantaloupe (#FFB684): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#C97D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#876100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3C2F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Patina Amber color palette (#FFF3E8, #F2B764, #AB8200, #5E5700, #2B2D00)
• Washed Amber color palette (#FFD1D1, #FFA37B, #D88800, #987400, #424800)
• Hazy Amber Atelier color palette (#FFEBD2, #BA9100, #6C5D00, #323400, #070F00)
• Ember Hollow color palette (#FFF1F2, #FFB3AC, #FE5B36, #A64400, #492600)
• Aged Tangerine Field color palette (#FFE2E1, #FC7431, #A06500, #534100, #272D00)
• Hushed Mustard color palette (#FFF4DF, #E6D07C, #AAAF53, #6A7F32, #2F4A27)
• Gentle Periwinkle Summit color palette (#E0FFDF, #FFCC87, #5DA4F0, #AA7100, #002F59)
• Washed Amber color palette (#DFFFE1, #9DEACD, #C2DBEA, #D18347, #1B3F2A)

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