Amber Loft color palette — #FFF2EF · #FFB7AE · #CA8862 · #8F7346 · #504D46

Caramel takes the lead with Rose Quartz close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rose Quartz (#FFB7AE): A whisper-light, balanced orange — the color of sun-warmed clay.
• Caramel (#CA8862): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8F7346): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#504D46): quiet, heavy and certain.

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

• Weathered Honey color palette (#FFF3E7, #F6B57C, #6EBCE3, #B38053, #365548)
• Washed Cocoa Canyon color palette (#FFF2E9, #E0C6A3, #B4947C, #8B6D63, #574600)
• Aged Mallow color palette (#FFF1F4, #EAA9DD, #D08393, #976559, #524B46)
• Softworn Meadow color palette (#FFEEF9, #E1A48B, #B97855, #84552E, #684451)
• Honey Lantern color palette (#FFF2EA, #F0BF70, #A79D53, #6D8255, #4E5049)
• Washed Amber Villa color palette (#F9E5DE, #E57900, #936D00, #595700, #1C3A00)
• Hushed Apricot color palette (#FFF3E8, #E59F6C, #7CA8D9, #8486B6, #47413C)
• Amber Grove color palette (#FFE5D5, #B58300, #636300, #204800, #002414)

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