Hazy Amber color palette — #FFEFF1 · #F7AA90 · #CA8400 · #796B00 · #354900

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFEFF1): a clean, paper-quiet neutral.
• Melon (#F7AA90): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#CA8400): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#796B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#354900): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Patina Moss color palette (#FFE9DE, #E7BD84, #A09200, #557418, #004B24)
• Hushed Ridge color palette (#FFF2EF, #EEDAB7, #CA924E, #7E6400, #393900)
• Ember Delta color palette (#FFEBF7, #F7A7B3, #DF7052, #8F5500, #4A3A00)
• Worn Bronze color palette (#FFF4E1, #EA9989, #A18227, #486394, #423C37)
• Washed Apricot Boulevard color palette (#FFE7E1, #F18A00, #937B00, #505A00, #033305)
• Muted Bronze color palette (#F9DCC9, #966B00, #4C4C00, #002905, #000402)
• Hushed Amber color palette (#EFE2D5, #C47D26, #604A00, #322D28, #1F1611)
• Faded Olive Lantern color palette (#F0E7D9, #A6A725, #328900, #005839, #002726)

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