Hazy Amber color palette — #FFF1F8 · #AAA7FC · #D28D31 · #597F46 · #311E29

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

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Lavender (#AAA7FC): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#D28D31): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#597F46): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#311E29): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Gentle Parlor color palette (#FEF0FF, #77B6FF, #DD8266, #807333, #2D1E2F)
• Sunlit Moss Ridge color palette (#FFF1F4, #E6A7FC, #999300, #008669, #311E23)
• Wandering Mallow Studio color palette (#FFF1F4, #DEAFED, #B8B268, #588F79, #3E2C30)
• Wandering Amber color palette (#FFF1F3, #E1A1E0, #C27334, #2E6B32, #002F44)
• Timeworn Blush color palette (#FEF4E4, #E8B7F3, #C7758F, #526D32, #45282B)
• Iris Parlor color palette (#EEF1FF, #8A79BE, #8B713A, #694D02, #15182C)
• Feathered Pier color palette (#FFF1F5, #B85CFF, #997A00, #00653E, #150125)
• Linen Atelier color palette (#FFF2EF, #FE7EA6, #009253, #006C7C, #250D09)

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