Pale Amber Loft color palette — #FFF2F0 · #FEA377 · #CD7828 · #724F00 · #302800

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Melon (#FEA377): A luminous, balanced orange — the color of autumn markets.
• Mustard (#CD7828): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#724F00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#302800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Pale 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

• Antique Coral Terrace color palette (#FFF1F6, #FFABB9, #DC6B5C, #964700, #412400)
• Amber Archive color palette (#FFF2EB, #EFAF5E, #A78E00, #545C00, #223D05)
• Wandering Workshop color palette (#FFF1F5, #D8C69A, #B07E4B, #7C4937, #0A281D)
• Dusty Amber color palette (#F1D9D7, #DB8050, #9C5800, #614200, #3E3700)
• Ancient Delta color palette (#FFF4E0, #FFD994, #B88A26, #624500, #1B1200)
• Amber Hollow color palette (#F7D8D0, #E26F01, #825800, #473800, #121200)
• Tempered Boulevard color palette (#FFF2ED, #FFD1AC, #C09B46, #726E22, #3A441C)
• Wandering Bronze color palette (#FCEBDE, #B07900, #5D4C00, #2B2D00, #010300)

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