Amber Loft color palette — #FFF1F2 · #F1B6DF · #BD9150 · #237B64 · #472F43

Mustard takes the lead with Teal close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#F1B6DF): A whisper-light, balanced pink — the color of a candy shop window.
• Mustard (#BD9150): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#237B64): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#472F43): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Patina Amber color palette (#FEF2F4, #E6B9F0, #CE8563, #5A7443, #1F402E)
• Softworn Dune color palette (#FFF1F5, #D9B5FF, #B4AC67, #579391, #304A2F)
• Powdered Amber color palette (#FFF3E7, #D88300, #008041, #004466, #240026)
• Timeworn Bloom color palette (#FFF1F2, #E2D9D1, #DBB59B, #838D72, #495547)
• Apricot Veranda color palette (#FFF2EA, #FF9E74, #699A4A, #006682, #391E43)
• Blush Canyon color palette (#FFF2F0, #F8D2C7, #ED8B8E, #AC6E5F, #544D48)
• Weathered Courtyard color palette (#FFF2F0, #FF7DAA, #947C00, #005E5B, #21154D)
• Blush Villa color palette (#FFF1F0, #DE95B5, #6B4C42, #372625, #130E0E)

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