Tempered Amber Loft color palette — #F3ECEF · #CAD8D5 · #A2C2C4 · #D87400 · #3A2830

Built around Mustard, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F3ECEF): a clean, paper-quiet neutral.
• Silver (#CAD8D5): bright and airy, almost weightless.
• Ash (#A2C2C4): A luminous, dusty blue — the color of deep harbor water.
• Mustard (#D87400): A luminous, balanced gold — the color of old brass.
• Espresso (#3A2830): A deep, shadowed, dusty rose — the color of a warm blush.

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

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

• Dusty Garden color palette (#FDF2F5, #CADBDE, #A2C0C7, #A1672B, #251B1F)
• Antique Moss color palette (#E9F1EC, #C5D7DA, #A5BDC9, #9F9615, #20332A)
• Coral Hollow color palette (#F3ECF4, #DCCFD0, #CDB2AE, #D56C81, #362839)
• Mustard Pier color palette (#F1F7F2, #D2DDDD, #AAB7C4, #C4A95E, #3F4B42)
• Quiet Orchard color palette (#CEE6CE, #E69363, #999518, #594BB0, #341F00)
• Softworn Chestnut Chapel color palette (#F0E7E1, #D4CABA, #ABA488, #7B451C, #1C140D)
• Lapis Corridor color palette (#ECDBEA, #E97E7B, #009E56, #5D49C0, #410016)
• Tempered Cobalt color palette (#FFE4E1, #D0AF8C, #7AA897, #726FB4, #4F2B41)

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