Amber Loft color palette — #FFF2EE · #F3A67E · #D17500 · #835400 · #392C00

Mustard takes the lead with Melon close behind in a set that reads as optimism and balance at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Melon (#F3A67E): A luminous, balanced orange — the color of toasted spice.
• Mustard (#D17500): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#835400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#392C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance. Tagged 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

• Hushed Basin color palette (#FFF3E6, #EEC46F, #AB8B00, #656000, #282E00)
• Amber Workshop color palette (#FFE0E3, #FF996F, #E28500, #9F7300, #403C00)
• Chestnut Courtyard color palette (#FFF1F5, #DCC499, #AE7F4D, #894112, #0A2819)
• Frosted Bloom color palette (#FFEEF1, #FFA8AE, #DB6458, #A53D00, #472100)
• Hushed Summit color palette (#F6DCD0, #D17500, #8C5800, #433200, #0B0800)
• Pale Meadow color palette (#FFF4E0, #FBD68F, #BB8700, #614600, #120900)
• Bronze Pier color palette (#ECE0D2, #A77500, #645100, #232200, #020300)
• Periwinkle Alley color palette (#FFF1F5, #F1B065, #67A8FB, #A46600, #022752)

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