Hazy Amber color palette — #FEF3E9 · #FFC79C · #DF9FEE · #C96F0C · #482C4F
A conversation between Mustard and Lavender, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FEF3E9): a clean, paper-quiet neutral.
- Wheat (#FFC79C): A whisper-light, balanced gold — the color of old brass.
- Lavender (#DF9FEE): A luminous, balanced pink — the color of peonies in June.
- Mustard (#C96F0C): A luminous, balanced gold — the color of old brass.
- Royal Purple (#482C4F): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Creativity, 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
- Moss Balcony color palette (#FAF5E8, #E1D692, #FC99B3, #9D8A00, #582534)
- Amber Archive color palette (#FFF2E9, #FFBA90, #8FC1FF, #DA8752, #294465)
- Faded Rose color palette (#FFF2EF, #FFC1CC, #A0B8FF, #D85779, #29355F)
- Gentle Ember Bloom color palette (#FFF2EC, #FFC4B6, #A4C979, #D95D44, #2C400E)
- Amber Loft color palette (#FFF1F7, #E08642, #A871B7, #94521E, #423D5D)
- Washed Bronze Summit color palette (#FFF3E8, #F1D8BE, #BE9475, #95593B, #35312B)
- Bronze Delta color palette (#EBE1D6, #AB7000, #00795E, #533400, #000201)
- Amber Lantern color palette (#FDF4E8, #F7CD8A, #6DD0B9, #B47E00, #004337)
Browse the whole catalog at Explore, or see today's palette.