Amber Loft color palette — #FFF2F0 · #FDA483 · #D26B01 · #845000 · #452F00

Pumpkin and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Melon (#FDA483): A luminous, balanced orange — the color of toasted spice.
• Pumpkin (#D26B01): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#845000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#452F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Aged Pier color palette (#F7E6E8, #FD9184, #E87100, #966600, #47410D)
• Soft Amber color palette (#FFF2EA, #F0BD77, #B98C00, #6A5D00, #343700)
• Terracotta Quarry color palette (#FFF3E8, #E0C29E, #B57B4D, #8A3F23, #2E1E00)
• Antique Parlor color palette (#FFE7DF, #DB7424, #955A00, #4C3200, #0C0700)
• Misty Pier color palette (#FFF1F6, #FA9DAF, #E56168, #A52300, #532100)
• Faded Summit color palette (#FFF3E8, #EFB07C, #49B0FA, #AB5E00, #002A46)
• Faded Mustard Boulevard color palette (#FFE6C8, #E8B000, #8F7A00, #515200, #1C2300)
• Hushed Amber Chapel color palette (#FFF3E6, #BBFED6, #DCDEC9, #C76F4D, #3B3731)

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