Tempered Amber Loft color palette — #F1DEE5 · #CC7C33 · #00706A · #7B4200 · #000404

Built around Mustard, softened by Bronze — the whole palette hums with optimism and balance.

The five colors

• Shell Pink (#F1DEE5): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#CC7C33): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#00706A): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#7B4200): A full-bodied, balanced gold — the color of old brass.
• Ink (#000404): a grounded near-black with real depth.

Feels like: Optimism, Balance. Tagged duotone, 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

• Wandering Amber color palette (#E7F2EA, #B08E27, #006A89, #664F00, #000407)
• Sunlit Terracotta Drift color palette (#E8DDE5, #D17562, #2A7300, #991800, #000504)
• Soft Rust Boulevard color palette (#ECDDE5, #BA5000, #00605C, #62002D, #220900)
• Weathered Amber Quarry color palette (#F4E3D7, #B28C00, #566E00, #00452C, #001919)
• Aubergine Lantern color palette (#F1DBEA, #A47800, #006941, #5A0069, #171800)
• Tempered Marigold Parlor color palette (#DBEBDD, #D89E00, #009B67, #986E00, #000405)
• Muted Bronze color palette (#F3EBE1, #986E00, #004D1C, #422E00, #030400)
• Mustard Lantern color palette (#E5F7EA, #D0A500, #007CC8, #816500, #001325)

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