Tempered Studio color palette — #FDF4E7 · #D9C9A7 · #B59663 · #9A6832 · #564600

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

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Wheat (#D9C9A7): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#B59663): A luminous, dusty gold — the color of afternoon light on wheat.
• Ochre (#9A6832): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#564600): A deep, shadowed, balanced 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 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

• Wandering Amber Terrace color palette (#FFF3E4, #CDBD90, #B28645, #846045, #3F3D36)
• Bronze Lantern color palette (#EFDED4, #CF8E5A, #AC5630, #773733, #331F04)
• Feathered Lime Harbor color palette (#E9DFAF, #A6AE29, #8A7700, #6D4C00, #1E2F00)
• Wandering Amber Boulevard color palette (#FFEBD8, #B38320, #8A5100, #652800, #1E1400)
• Dusty Stone color palette (#EEF8F0, #C0E6E0, #95B99A, #688266, #304539)
• Weathered Amber Corridor color palette (#FBF2F9, #96A8E4, #C98C58, #75814C, #473743)
• Ancient Olive color palette (#F2E8D7, #767223, #554300, #341F00, #040300)
• Weathered Wisteria Grove color palette (#FFF0F7, #DBC2EF, #BF84BD, #9B5877, #6B323C)

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