Hazy Amber color palette — #FFF2EA · #FFB678 · #BE7600 · #7B5100 · #422E00

A conversation between Mustard and Cantaloupe, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Cantaloupe (#FFB678): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#BE7600): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7B5100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#422E00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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 Amber Boulevard color palette (#E9FBEA, #E1C487, #AD8139, #71512D, #0D2818)
• Dusty Ember color palette (#FFF1F1, #FFA698, #DB5F3A, #8D4423, #4F2307)
• Quiet Amber color palette (#FBE2D6, #F8A25D, #D28400, #926A00, #473D00)
• Soft Dune color palette (#F5DFCA, #C58400, #845C00, #433200, #0B0700)
• Airy Sunflower color palette (#FFF5D4, #F7D454, #A68800, #554300, #110C00)
• Bronze Ridge color palette (#EEE4CB, #937C00, #605900, #272600, #010200)
• Frosted Coast color palette (#FFF3E3, #FFD584, #C3A239, #7E6E23, #224938)
• Patina Mustard color palette (#EBFAEA, #FDAC20, #DB83C5, #A06900, #3E1636)

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