Tempered Market color palette — #F4EDEA · #D8D3C4 · #BBC19B · #DB6A70 · #382A26

A conversation between Coral Clay and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4EDEA): bright and airy, almost weightless.
• Oat (#D8D3C4): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BBC19B): A luminous, dusty green — the color of fresh herbs.
• Coral Clay (#DB6A70): A luminous, balanced red — the color of embers at dusk.
• Espresso (#382A26): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Dusty Ash color palette (#F4ECED, #DBD1C8, #C7BA9D, #B47CAF, #39292B)
• Ancient Amber Orchard color palette (#F3EDE8, #D1D5C7, #ABC2AA, #C08340, #352C22)
• Washed Market color palette (#FDF3EF, #E0DBCE, #C8C4A8, #AB5C54, #271B16)
• Softworn Harbor color palette (#E7E6D3, #84CBAE, #00A4AC, #9B607A, #212E0D)
• Aged Blush color palette (#EADDBE, #FF75A1, #BB8516, #0161A5, #3C1711)
• Tempered Amber Field color palette (#FCE6D7, #D66800, #5D5422, #342E2A, #0B0201)
• Taupe Terrace color palette (#FFDEDF, #DEA69E, #AC9A41, #7E719D, #3E305B)
• Bronze Orchard color palette (#F3E9E0, #AEB3A1, #87A284, #A35E00, #1D1104)

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