Amber Loft color palette — #FFF1F0 · #FFA580 · #C66F22 · #7D5800 · #352F00
A conversation between Mustard and Melon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F0): bright and airy, almost weightless.
- Melon (#FFA580): A luminous, balanced orange — the color of toasted spice.
- Mustard (#C66F22): A luminous, balanced gold — the color of old brass.
- Coffee (#7D5800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#352F00): 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 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
- Airy Ember Cabin color palette (#FFF1F6, #FF9AA7, #D76D5C, #903809, #3F2300)
- Hazy Basin color palette (#FFF2EA, #F9B75C, #A58A00, #5A5A00, #1E3800)
- Antique Driftwood color palette (#FFF1F6, #DBC596, #AC7F56, #784B3E, #04291B)
- Amber Workshop color palette (#EBDCD5, #F1A578, #E48210, #AD6900, #573700)
- Amber Pier color palette (#FCE6E1, #E17200, #7E5200, #443500, #0C0A00)
- Muted Marigold color palette (#FFF2ED, #FFC795, #C49B46, #827122, #384619)
- Softworn Amber Chapel color palette (#FFF3E3, #FACA80, #B9820B, #634300, #130B00)
- Periwinkle Basin color palette (#FFF1F5, #F3AF5D, #50AFF0, #A46700, #002B44)
Browse the whole catalog at Explore, or see today's palette.