Tempered Amber Loft color palette — #FFF4E3 · #FFB6AE · #CA7E1D · #007273 · #37302C

Mustard and Rose Quartz set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
• Rose Quartz (#FFB6AE): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#CA7E1D): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007273): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#37302C): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged retro, muted.

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

• Moss Archive color palette (#FFF4E2, #F4C27E, #919A2E, #35688F, #35312B)
• Ancient Coral color palette (#FEF4E4, #F8B2E3, #D36F74, #3F7047, #442A28)
• Worn Taupe Balcony color palette (#FEF4E4, #FFD3B1, #B1A35A, #487A91, #583700)
• Tempered Mallow color palette (#FCF5E0, #FFAAC8, #C59C67, #4F89AE, #433B38)
• Amber Chapel color palette (#E6FDE6, #CD8263, #905D25, #395829, #4F3342)
• Aged Veranda color palette (#FFF2EC, #E5DDBE, #BAB37E, #6A9078, #3C5750)
• Gentle Apricot color palette (#FFF4DE, #FE833B, #8E6D00, #004F5F, #271200)
• Coral Garden color palette (#E1F9E9, #D0828F, #8B6131, #184B6D, #301A2B)

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