Tempered Loft color palette — #F9EAE3 · #C06452 · #5C2D00 · #281B14 · #100B09

Terracotta takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F9EAE3): bright and airy, almost weightless.
• Terracotta (#C06452): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#5C2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#281B14): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#100B09): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Aged Workshop color palette (#FAE9E8, #B56394, #4E3330, #29191A, #110A0B)
• Timeworn Balcony color palette (#F4ECE1, #A47B28, #3E3B34, #241D13, #100B07)
• Coral Lagoon color palette (#FDECF8, #DC7D6A, #67505D, #3E353B, #251F25)
• Wandering Canyon color palette (#FAF1E1, #B5994C, #43A36B, #A36461, #2F2616)
• Timeworn Thicket color palette (#FFF2EC, #EF9182, #774907, #352821, #140E0D)
• Patina Amber Villa color palette (#FFE9DB, #E7AD8B, #C07838, #7C5224, #37322D)
• Washed Wisteria color palette (#FBF0E5, #DDA678, #C082C5, #9A632F, #47252D)
• Inked Basalt Veranda color palette (#E4DFCF, #505B5D, #393900, #151F1E, #050800)

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