Tempered Studio color palette — #FFF3E9 · #DFDBC7 · #C9A671 · #927733 · #4C3F00

Walnut takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Bone (#DFDBC7): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C9A671): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#927733): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4C3F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Softworn Amber Boulevard color palette (#FFF2EE, #F8D0B6, #DCB07E, #A68E30, #415100)
• Cocoa Summit color palette (#FDF4E5, #FDD4AE, #B4A06F, #4B7F63, #583700)
• Tempered Cocoa Boulevard color palette (#FFF2EF, #E3D8D2, #E6A49B, #A2634E, #5E2901)
• Soft Alley color palette (#FFF4DD, #D2B42B, #848200, #404A00, #0A1400)
• Washed Lantern color palette (#FFF5DA, #C7EEC2, #A8BA86, #5D7B49, #1E4E1E)
• Driftwood Veranda color palette (#FFF4DF, #D7DFCC, #C2C1A6, #849982, #435848)
• Wandering Bronze color palette (#FEEAFF, #EBB5A3, #AD7B2D, #645900, #222E00)
• Wandering Station color palette (#FEF3E7, #DBA25A, #704D00, #32291F, #140E09)

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