Tempered Atelier color palette — #FBF5DF · #D1DBBA · #98BEA1 · #AA8478 · #7B411B

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF5DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#D1DBBA): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#98BEA1): A luminous, dusty teal — the color of shallow lagoons.
• Caramel (#AA8478): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7B411B): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Chestnut Drift color palette (#EFFBDB, #C8DECA, #97BCE5, #B08F72, #684800)
• Washed Mint Bloom color palette (#F8F5EC, #C7DEB1, #79BE93, #9B8F73, #484400)
• Bone Boulevard color palette (#EEFBDB, #BBE5D3, #9FB5A1, #907C8D, #57414F)
• Tempered Azure Coast color palette (#DFEBD8, #58D5C8, #01ADEB, #A56350, #5C2F14)
• Worn Quarry color palette (#EAE7CD, #5FA07A, #008498, #8E3A3A, #331600)
• Dusty Iris Boulevard color palette (#CBF5EE, #82C2DC, #8995D0, #94753B, #3A3730)
• Timeworn Petrol color palette (#D2ECD7, #499697, #266DA3, #783913, #150D00)
• Washed Powder color palette (#F9F4EF, #BFEBF1, #A1BBFF, #55A6B4, #5D3C4E)

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