Hazy Amber Loft color palette — #F7E0CB · #DF7F05 · #7E5A12 · #593200 · #150B05

Mustard and Coffee set the tone — five colors that lean into optimism and balance.

The five colors

• Parchment (#F7E0CB): A whisper-light, dusty gold — the color of old brass.
• Mustard (#DF7F05): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7E5A12): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#593200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#150B05): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged noir, dark, luxury.

Use it as a design system

One click turns Hazy 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

• Worn Amber color palette (#F5EBD7, #B99700, #6F6212, #3F3C35, #130C04)
• Blush Lantern color palette (#F6D8D0, #EB6B7E, #8C502B, #4C3630, #160909)
• Muted Terrace color palette (#FEE9D7, #BD6700, #4E3E00, #2D1E10, #160A06)
• Weathered Station color palette (#FFF1F6, #C1742F, #1E3C2F, #1F0512, #020002)
• Washed Boulevard color palette (#F5F2E4, #B3C06B, #7C813A, #635400, #24211B)
• Hushed Amber color palette (#F4E7DB, #ECB15D, #B79200, #867800, #383C00)
• Quiet Clover Summit color palette (#E8EADA, #4EBE00, #5A7130, #444500, #141205)
• Worn Taupe Hollow color palette (#FCF4E7, #D8C99E, #97A873, #A4776A, #38352E)

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