Tempered Loft color palette — #FFF1F3 · #D9C191 · #8B608C · #5C353D · #2E1C1F

Slate takes the lead with Sand close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Sand (#D9C191): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#8B608C): A full-bodied, balanced pink — the color of peonies in June.
• Cocoa (#5C353D): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#2E1C1F): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Oat Study color palette (#FFF2F0, #E6CDA5, #9B726C, #624541, #352826)
• Mustard Parlor color palette (#FFF2ED, #E4B23C, #A64548, #642023, #28150E)
• Dusty Thicket color palette (#F6F3FF, #FCE2AE, #926392, #3A334F, #100D1A)
• Wandering Orchard color palette (#FFF1F5, #A5B68D, #5E4570, #392249, #2B1D22)
• Wandering Driftwood Thicket color palette (#FFF1F2, #E8B0D4, #BD7E57, #AC6495, #2F2115)
• Lilac Courtyard color palette (#F4F4FF, #A8E5C9, #AB7FCE, #5F5E83, #20202D)
• Bronze Lantern color palette (#FFE7EE, #F7A7AE, #CB7B68, #9E531C, #513200)
• Timeworn Archive color palette (#FFF4E2, #EB94A4, #B7734F, #1A7363, #433B38)

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