Tempered Loft color palette — #FFF3E9 · #B24706 · #505400 · #003E41 · #30151B

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Terracotta (#B24706): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#505400): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#003E41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#30151B): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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

• Sunlit Bronze color palette (#FFF3E9, #9D510A, #005E3B, #202B6F, #2B1509)
• Wandering Chestnut color palette (#FFECD4, #845900, #004953, #122C46, #350124)
• Wandering Rose Boulevard color palette (#FBEDD2, #C56468, #795200, #07426F, #352F2B)
• Worn Indigo Terrace color palette (#FFF0F9, #655EB8, #574D00, #003F4B, #2F1726)
• Hazy Ridge color palette (#FFDBE6, #CE7D77, #954F00, #533C00, #2F3000)
• Moonless Quarry color palette (#F4DECC, #974B00, #30240D, #1E1005, #070401)
• Hushed Terrace color palette (#FFF1F1, #993266, #005C55, #382161, #2A121B)
• Eclipse Cocoa color palette (#F0E4DB, #703500, #003B1A, #002023, #100011)

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