Tempered Loft color palette — #F9DFD9 · #EA5600 · #A44800 · #5D2D00 · #361C00

A conversation between Pumpkin and Burnt Sienna, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F9DFD9): A whisper-light, dusty orange — the color of autumn markets.
• Pumpkin (#EA5600): A luminous, vivid orange — the color of autumn markets.
• Burnt Sienna (#A44800): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5D2D00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#361C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged 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

• Soft Basin color palette (#FFE9EA, #E2484A, #C01A00, #722100, #3D1400)
• Pale Ember Harbor color palette (#FFE8E5, #ED6347, #BF5300, #844B00, #301D00)
• Worn Amber Orchard color palette (#EEE2D5, #CF8400, #855400, #472A00, #130800)
• Mustard Hollow color palette (#FFD1DF, #E7BC5B, #B4A739, #9E591D, #2E1C00)
• Worn Byzantium Atelier color palette (#FBE3EF, #D45E00, #A61DE1, #853900, #2B003E)
• Worn Amber Drift color palette (#FFEBF6, #F7AB7E, #D77B10, #915703, #355234)
• Airy Mulberry color palette (#F0DCBC, #986B00, #007F22, #A50039, #1A0F00)
• Plum Villa color palette (#F4DCE8, #DA4A91, #BB0064, #75002F, #410112)

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