Amber Loft color palette — #FFF2EF · #E09D9A · #C46D57 · #8F573A · #56504A

Coral Clay and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rosewood Mist (#E09D9A): A luminous, balanced orange — the color of autumn markets.
• Coral Clay (#C46D57): A luminous, balanced orange — the color of toasted spice.
• Walnut (#8F573A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#56504A): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, 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 Chestnut color palette (#FFF2EB, #CDB29C, #A9705C, #8A4931, #653E00)
• Coral Lagoon color palette (#F9F2FF, #FFB1B8, #D68773, #916E4C, #385240)
• Peony Study color palette (#FFF1F4, #DBA4CD, #B5648F, #8E4F62, #64443C)
• Dusty Bronze color palette (#FFF3E8, #D1A66F, #A07813, #726220, #535149)
• Chalky Studio color palette (#FBE6E1, #F76F32, #B15900, #684200, #343A05)
• Weathered Alley color palette (#FFF2EA, #CC835C, #2B9F7E, #746EA2, #48413C)
• Hushed Field color palette (#F6E2D1, #996600, #624A00, #342E00, #071F08)
• Worn Mustard Harbor color palette (#EDDDFF, #47EED3, #F9AD04, #4D4D46, #3B3730)

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