Hazy Amber Garden color palette — #FFF0F8 · #FFC5AB · #CEA7F4 · #C37149 · #412F51

Built around Caramel, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Wheat (#FFC5AB): A whisper-light, dusty orange — the color of toasted spice.
• Lavender (#CEA7F4): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#C37149): A luminous, balanced orange — the color of sun-warmed clay.
• Navy (#412F51): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged light.

Use it as a design system

One click turns Hazy Amber Garden 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 Pier color palette (#FFF0F8, #FDBA9B, #73CCE9, #D9865E, #1E475D)
• Weathered Mustard color palette (#FCF1FF, #FFC0CF, #CDBC65, #B97184, #1E412F)
• Taupe Station color palette (#FFF0F8, #FFD2B6, #C78F75, #8A5E52, #412A33)
• Hushed Stone Hollow color palette (#FFF1F6, #D2DCCD, #D8AAAC, #A6A8B3, #543C44)
• Gentle Orchard color palette (#FFF1F6, #FCA351, #95B95D, #BC7B94, #39242D)
• Muted Byzantium color palette (#F4DDCF, #C05F00, #9A14BE, #5F2B00, #030005)
• Seafoam Balcony color palette (#EBFAED, #FFE1AD, #91DDCC, #B19665, #254D53)
• Muted Terracotta color palette (#FFF0FA, #CF8C76, #2694C7, #AE3700, #0B4863)

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