Tempered Loft color palette — #FDD3D9 · #CE978D · #83763D · #51557E · #573D4E

Built around Walnut, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FDD3D9): A whisper-light, dusty red — the color of embers at dusk.
• Camel (#CE978D): A luminous, dusty orange — the color of autumn markets.
• Walnut (#83763D): A full-bodied, dusty green — the color of a quiet forest floor.
• Peacock (#51557E): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#573D4E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, 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

• Muted Archive color palette (#FFDACF, #B7986F, #688449, #704C5B, #563937)
• Weathered Abyss color palette (#FFE5F9, #C799AA, #587F66, #225063, #142E47)
• Washed Bronze color palette (#FBE1F5, #C09BC0, #A06351, #2C5A77, #275345)
• Washed Corridor color palette (#F8E3DD, #DAA877, #978864, #52705D, #1C4A40)
• Antique Taupe Chapel color palette (#FAE6FF, #DEB9CF, #B0A675, #6D85A7, #3C4961)
• Dusty Bloom color palette (#FEDBE6, #AF7E66, #626000, #353361, #391B2F)
• Softworn Cocoa Study color palette (#FFF2EE, #CEBDA7, #8D947B, #896668, #7A3D1F)
• Patina Amber color palette (#EDD9D9, #D97F4B, #8B5900, #554700, #313D0A)

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