Tempered Loft color palette — #F3ECEF · #C1D1C7 · #8EA6A1 · #7E4400 · #37292F

Bronze and Taupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F3ECEF): a clean, paper-quiet neutral.
• Oat (#C1D1C7): A whisper-light, dusty teal — the color of sea glass.
• Taupe (#8EA6A1): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#7E4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#37292F): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Field color palette (#FAF3F5, #CFDEDE, #9DBAB7, #8B5600, #46353A)
• Tempered Chestnut color palette (#EFE8E1, #D3CABB, #B0A37E, #7A4700, #1D140A)
• Patina Mulberry Quarry color palette (#F2ECF3, #D3C9CE, #8FA894, #9C0C3D, #342A35)
• Cocoa Ridge color palette (#DAE3DB, #AEBDB7, #769594, #5A3F00, #162318)
• Dusty Loft color palette (#EEDEE4, #B991A2, #855F70, #493F82, #572940)
• Amber Corridor color palette (#F5EDE6, #D3D7BF, #AEBFA9, #C4804C, #382B20)
• Dusty Driftwood color palette (#F0F7F5, #D5DBDF, #B0A9B4, #788A56, #4C5552)
• Hushed Pine color palette (#EDF8F6, #CFDCE5, #A3C1D2, #16802D, #2E4542)

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