Tempered Atelier color palette — #FCF3EF · #E1DBCF · #C5C0B4 · #AD8571 · #504540

Built around Caramel, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Stone (#C5C0B4): soft and architectural.
• Caramel (#AD8571): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#504540): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, 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

• Softworn Olive Lagoon color palette (#FFF3E7, #DCC6A7, #A99A71, #698343, #465643)
• Dusty Bronze color palette (#FBF4E8, #D8DCCA, #BAC3AD, #A38126, #543A00)
• Timeworn Parlor color palette (#F9F3F8, #E3D7D8, #C3B2A5, #E29488, #4F444D)
• Cocoa Studio color palette (#F1E6DF, #C7AF9B, #A99076, #803D1A, #1C1109)
• Wandering Workshop color palette (#FFF3E4, #EC9B6C, #AF7A2E, #4B6E4A, #423C37)
• Fern Ridge color palette (#F1F0E7, #C5C6B1, #A4A887, #576921, #22200E)
• Amber Summit color palette (#F2E1D3, #D27307, #6B4300, #322D28, #1E1711)
• Dusty Ridge color palette (#FCF3F0, #E1DACF, #CAC0AF, #AF8376, #504541)

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