Tempered Amber Loft color palette — #FEF3ED · #FFAB9A · #AC8C00 · #BA6454 · #2B2312

Mustard and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Melon (#FFAB9A): A luminous, balanced orange — the color of autumn markets.
• Mustard (#AC8C00): A luminous, balanced green — the color of fresh herbs.
• Mocha (#BA6454): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2B2312): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Tempered Amber 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

• Washed Emerald color palette (#FAF4EE, #ECB989, #54A552, #B56C10, #242615)
• Hazy Amber Loft color palette (#FBF3F3, #F2ABD4, #C97A00, #B65D93, #2C2218)
• Muted Terrace color palette (#FEF1F8, #EEDABF, #BC9937, #CA6D40, #07160C)
• Ancient Bronze color palette (#FFF4E2, #E0A26F, #998700, #0F6C8F, #413C36)
• Amber Villa color palette (#FFE9DD, #ECB983, #B58900, #756B00, #374700)
• Aged Archive color palette (#FBF2FA, #FFC4C5, #87C077, #E38186, #142825)
• Hushed Driftwood Dune color palette (#FAF4EF, #DCDCD1, #C0C3B2, #B68261, #50453D)
• Worn Amber Basin color palette (#FFF2EB, #D1745A, #008E77, #285E9B, #342022)

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