Tempered Loft color palette — #F3F4FF · #816AAA · #8B3737 · #3B4B00 · #1B2A3C

Burnt Sienna takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Slate (#816AAA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Burnt Sienna (#8B3737): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#3B4B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#1B2A3C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Quiet Mulberry color palette (#F1F5FF, #6E6EB8, #87407A, #574100, #0A313E)
• Tempered Forest Alley color palette (#F9F2FE, #B2748B, #915A4B, #005A27, #283244)
• Misty Chapel color palette (#FCEEEE, #B65A99, #934900, #504500, #141606)
• Tempered Coast color palette (#E2FCF4, #7D98C9, #81588A, #025E24, #333C59)
• Timeworn Terracotta Terrace color palette (#FCF1FC, #9A3943, #5A4F00, #003D42, #1F1630)
• Cobalt Cabin color palette (#F2F5FB, #DED8E0, #CBBAC7, #696DAD, #424854)
• Muted Boulevard color palette (#E3E3F2, #835F9F, #382C43, #1D1D2D, #0E0C13)
• Mulberry Alley color palette (#F2EBFF, #950081, #741D00, #123400, #000D3F)

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