Hazy Amber color palette — #FFF3E7 · #FFA2A9 · #E57C0A · #688900 · #422B00

A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Ballet Pink (#FFA2A9): A luminous, balanced red — the color of embers at dusk.
• Tangerine (#E57C0A): A luminous, vivid gold — the color of honey in a jar.
• Olive Leaf (#688900): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#422B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Mustard Atelier color palette (#FFF4DE, #FFAA8C, #CAA71A, #268E55, #303700)
• Hushed Coral color palette (#FFF2EC, #F3A5E7, #E7816C, #9C6F00, #481F00)
• Muted Apricot color palette (#FFECF2, #FFAD85, #E98E2A, #9B7800, #201100)
• Amber Delta color palette (#F8DFCC, #C5923E, #7D6C00, #464F00, #003F27)
• Muted Terrace color palette (#FAE3D8, #C6AB89, #807A31, #674C59, #583346)
• Worn Ember color palette (#F5ECDC, #EA5915, #926F00, #005021, #0B0C00)
• Dusty Lagoon color palette (#FCF4E7, #98A167, #456F40, #663E3F, #37352F)
• Dusty Garden color palette (#E3E2C3, #A66800, #486C00, #004D43, #000300)

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