Hazy Amber color palette — #FEF3E8 · #FFBC7B · #C9ACFF · #D78B36 · #483A61

Mustard takes the lead with Lavender close behind in a set that reads as optimism and balance at first glance.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Cantaloupe (#FFBC7B): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Lavender (#C9ACFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#D78B36): A luminous, balanced gold — the color of afternoon light on wheat.
• Navy (#483A61): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Balance. Tagged 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

• Misty Tangerine color palette (#FFF2EA, #FFB99A, #8FC1FF, #E57F4F, #523754)
• Quiet Ridge color palette (#FBF5E4, #D8CF7A, #C3AFFF, #ABA144, #453A63)
• Hazy Quarry color palette (#FFF4DF, #DABB59, #ABA9FF, #B781CF, #3B3731)
• Powdered Workshop color palette (#FEF4E5, #EEC673, #77C7FF, #C69624, #1B4C3F)
• Muted Pier color palette (#ECF9EF, #D4B456, #78A1FF, #9C7C00, #314166)
• Soft Sunflower color palette (#F2E5B8, #D2D132, #B48FFF, #7B7900, #3A096E)
• Washed Market color palette (#E3F8E9, #B7A263, #738ACE, #7A6200, #1B2546)
• Aged Marigold Lantern color palette (#FEF4E3, #DBD1A5, #C8A85D, #A87D63, #3D4100)

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