Hazy Amber color palette — #FFF2EE · #FFC397 · #C79642 · #7A6D1E · #3B421A

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Cantaloupe (#FFC397): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#C79642): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#7A6D1E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3B421A): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Muted Taupe Terrace color palette (#FFF3E4, #F9DF95, #ACA950, #5B752E, #224424)
• Washed Apricot color palette (#FFF1F3, #FFBEB8, #E38D6A, #955F1F, #25452B)
• Weathered Archive color palette (#FCDABA, #F4C186, #D29D46, #A27900, #514410)
• Pewter Thicket color palette (#EBFAED, #E4DFAF, #84A98A, #896044, #1E3731)
• Taupe Courtyard color palette (#DCFFEA, #F7EAA3, #B2AA55, #695F12, #211D00)
• Weathered Studio color palette (#FFF3E7, #EAA400, #988300, #475300, #123100)
• Hushed Amber color palette (#F7E9E1, #B87800, #644F00, #2B2C00, #020400)
• Amber Atelier color palette (#E7FBEB, #F0D08E, #9EB9FB, #A88432, #27365F)

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