Amber Loft color palette — #FDECD3 · #D88E53 · #977025 · #246439 · #352F2A

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

The five colors

• Cream (#FDECD3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#D88E53): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#977025): A full-bodied, balanced gold — the color of old brass.
• Pine (#246439): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#352F2A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged retro, muted.

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

• Coral Alley color palette (#FFEBD5, #E78073, #AC6134, #4C5E07, #4B2319)
• Softworn Bronze Harbor color palette (#E4FDE8, #ECA566, #A17600, #006234, #361522)
• Washed Driftwood Lantern color palette (#FFF4E0, #D3AA66, #938839, #22735E, #403D36)
• Softworn Field color palette (#FFEEE3, #D27C4B, #7E7317, #6A367B, #4D1421)
• Misty Loft color palette (#F1E6AD, #AE9900, #637900, #005958, #2C2B00)
• Ancient Corridor color palette (#F1E6CF, #B36E00, #6D5500, #00442B, #211300)
• Worn Workshop color palette (#FDF4E4, #BCB781, #808647, #8A5523, #38352E)
• Chalky Navy color palette (#FAEDD7, #C36762, #755400, #1A3789, #4A2513)

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