Tempered Loft color palette — #FEF0FF · #FFBAD5 · #FF8296 · #D63900 · #582728

Terracotta and Rose set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Carnation (#FFBAD5): A whisper-light, balanced rose — the color of strawberry cream.
• Rose (#FF8296): A luminous, balanced red — the color of embers at dusk.
• Terracotta (#D63900): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#582728): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, warm.

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

• Softworn Apricot color palette (#FFF0FB, #FFB4BC, #FF8A6D, #BD6100, #562108)
• Feathered Garden color palette (#F8F2FF, #FDBCFC, #FF67C5, #DC3D69, #561F3D)
• Coral Thicket color palette (#F0D7E3, #FF725F, #C35600, #724700, #281000)
• Tempered Rose Hollow color palette (#FFEEFD, #FF7BA1, #FF4C53, #A14700, #46120C)
• Chalky Amber Courtyard color palette (#FFF2EE, #FEBFFC, #FF99A8, #DE8B00, #5F261A)
• Blush Pier color palette (#FBECFF, #FDB3FB, #FF9196, #A57200, #390400)
• Powdered Apricot color palette (#FFF1F6, #FFCCBA, #FFA860, #B58400, #50343E)
• Bronze Garden color palette (#FFE7E2, #E29B76, #A46604, #4C6233, #285132)

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