Hazy Amber color palette — #FFF3E8 · #FFCDCA · #FFB27C · #B49100 · #462900

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Shell Pink (#FFCDCA): A whisper-light, dusty orange — the color of toasted spice.
• Cantaloupe (#FFB27C): A whisper-light, balanced gold — the color of old brass.
• Mustard (#B49100): A luminous, balanced green — the color of a quiet forest floor.
• Espresso (#462900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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

• Tempered Apricot color palette (#FFEBD7, #FFAF9F, #EB8D00, #999000, #302100)
• Hazy Grove color palette (#FFF4E0, #FFD2BB, #F2B810, #7EAD00, #3D3200)
• Frosted Marigold color palette (#F9E7D8, #E29C2A, #B18800, #6B6300, #3C4000)
• Hushed Moss Atelier color palette (#FFF2EA, #FFB3D2, #FF915A, #5E9100, #472F00)
• Timeworn Bloom color palette (#EFDFC8, #FF893E, #C19500, #578600, #1D1800)
• Frosted Moss Quarry color palette (#FFF4E3, #C3BE77, #76931C, #9D4D55, #403C04)
• Tempered Amber color palette (#ECDCCC, #C36E00, #574106, #3C1E00, #1D0D04)
• Faded Tangerine color palette (#FFF2EF, #FFCDF1, #FFA7BF, #F26700, #5F121B)

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