Tempered Atelier color palette — #FFF2EC · #DAAD8B · #9E7E4A · #5D5F12 · #00553E

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sand (#DAAD8B): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#9E7E4A): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#5D5F12): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00553E): A deep, shadowed, balanced teal — the color of shallow lagoons.

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

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

• Muted Villa color palette (#FFF1F5, #E5ADAC, #A87456, #745117, #484800)
• Aged Forest color palette (#FFF3E5, #C7C293, #72915D, #266848, #00554D)
• Dusty Bronze Basin color palette (#FFF3E6, #E6CAA1, #BB9F5C, #857200, #4B4900)
• Tempered Study color palette (#FBF4EF, #DBDBD3, #A0AFAD, #A07861, #59514A)
• Olive Corridor color palette (#FFE0BC, #AD9A4C, #5A720E, #00522B, #003932)
• Muted Alley color palette (#FDF4E6, #D0997F, #7E7940, #4E577E, #663D00)
• Softworn Olive Alley color palette (#ECE4D4, #798100, #1A5700, #002D1D, #00151C)
• Aged Pier color palette (#FFF2ED, #DAC9B6, #908F77, #7E626F, #7E4024)

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