Tempered Market color palette — #FFEFDF · #B8AB80 · #8E6E4E · #6A3F37 · #262310

Cocoa and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B8AB80): A luminous, dusty green — the color of fresh herbs.
• Walnut (#8E6E4E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#6A3F37): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#262310): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Bronze color palette (#F6F1E6, #BEBDA3, #9B7F39, #7B4C0E, #2A2E1F)
• Linen Rust Ridge color palette (#FFE3D2, #C0976A, #A54D2D, #6F263B, #221C00)
• Rust Study color palette (#EFE2FF, #D297B1, #AA565A, #6F3B00, #2A2300)
• Washed Summit color palette (#FFF1F5, #C6E7CB, #BB966F, #845D72, #1F382A)
• Timeworn Garnet Delta color palette (#F2DAC9, #A28046, #7E431E, #59141F, #100F00)
• Bronze Harbor color palette (#FEEFE1, #A96833, #895326, #004C24, #240D13)
• Pewter Quarry color palette (#FBEEF1, #C7A2DF, #7F772D, #795191, #130E02)
• Washed Denim color palette (#FDEDF3, #80C4A8, #5D497E, #3C1B2A, #15070E)

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