Amber Loft color palette — #FFF0FE · #FFC2E9 · #FFA694 · #BE9503 · #48293E

Built around Mustard, softened by Melon — the whole palette hums with optimism and creativity.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Thistle (#FFC2E9): A whisper-light, balanced pink — the color of peonies in June.
• Melon (#FFA694): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BE9503): A luminous, balanced gold — the color of old brass.
• Espresso (#48293E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.

Use it as a design system

One click turns Amber Loft 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

• Quiet Moss Field color palette (#FFF0F8, #FFC8DE, #FF9E65, #9EA216, #4A2900)
• Muted Amber color palette (#FBF1FF, #E0CCFF, #FC92C4, #DC7022, #481E23)
• Hushed Marigold color palette (#FFF2ED, #E2D2CC, #DCA400, #ACB093, #371503)
• Dusty Amber Terrace color palette (#FFD7D3, #EE9360, #C06F00, #785700, #3E3900)
• Soft Tangerine color palette (#FFF2EC, #FDA0A8, #FC7651, #A45B00, #501C02)
• Stone Veranda color palette (#FFE6EB, #D7AB92, #7B9D87, #506985, #344A63)
• Patina Pier color palette (#E4F3E5, #D39D3F, #339FDE, #966700, #003957)
• Mustard Boulevard color palette (#DEFEEF, #FFC99B, #D0BE00, #00B08D, #313900)

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