Hazy Amber color palette — #FFF2EB · #FFC581 · #BB8E00 · #665E00 · #222D00

A conversation between Mustard and Cantaloupe, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Cantaloupe (#FFC581): A whisper-light, balanced gold — the color of old brass.
• Mustard (#BB8E00): A luminous, balanced gold — the color of old brass.
• Olive (#665E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#222D00): A deep, shadowed, dusty 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

• Airy Amber color palette (#FFF1F2, #FFC8B9, #DE7000, #7E5300, #362A00)
• Misty Moss Corridor color palette (#FFDBA0, #B2A000, #616C00, #0A3400, #000502)
• Soft Moss Field color palette (#FFF4DF, #E6D56B, #879E00, #2C6D00, #002F15)
• Hushed Marigold color palette (#FFE2D3, #DF8E00, #856400, #4C4900, #003D1E)
• Softworn Marigold Bloom color palette (#FFDADD, #FFB792, #D39400, #738900, #004225)
• Tempered Marigold Studio color palette (#FFF4E2, #FBAA5F, #968800, #006083, #372300)
• Powdered Delta color palette (#FFF1E7, #D8AA60, #967D00, #3E4300, #061B00)
• Pale Moss color palette (#E7E3C3, #7D9C00, #1E6300, #002112, #000201)

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