Amber Loft color palette — #F1F5FF · #B1B1FA · #D696BF · #C08115 · #29314C

A conversation between Mustard and Lavender, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#B1B1FA): A luminous, balanced violet — the color of a velvet chair.
• Mauve (#D696BF): A luminous, balanced pink — the color of neon signs at night.
• Mustard (#C08115): A luminous, balanced gold — the color of afternoon light on wheat.
• Navy (#29314C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Moss Coast color palette (#F2F5FF, #BCADF6, #E2968E, #8F982A, #2C314A)
• Soft Amber Market color palette (#E9F9FC, #6FCCC4, #C898D8, #D47048, #1A383E)
• Wandering Coral Meadow color palette (#F4F4FF, #CE9CE4, #E27F5F, #96681F, #242234)
• Patina Study color palette (#EDF7FF, #87C6F4, #CA87B1, #7D8400, #003C5D)
• Timeworn Emerald Parlor color palette (#F6E9FB, #E68DA9, #CE9152, #009B63, #311D39)
• Hazy Pine Boulevard color palette (#DEDAF8, #C684D8, #C48015, #008634, #1B1433)
• Airy Bloom color palette (#F6F3FF, #F48BEC, #EF873D, #4E9900, #3D1E3B)
• Wandering Periwinkle Boulevard color palette (#F1F5FB, #DBD9DF, #C3B0B7, #80ACF3, #414851)

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