Amber Loft color palette — #F3F4FF · #D8C4FF · #CB6E00 · #8263B3 · #0D0206

Mustard and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lilac Frost (#D8C4FF): A whisper-light, balanced violet — the color of wild irises.
• Mustard (#CB6E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#8263B3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#0D0206): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, Balance. Tagged duotone.

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

• Aged Rose color palette (#F2F5FF, #CBC9FF, #D2606F, #7267C3, #0A030B)
• Amber Orchard color palette (#F5F4FC, #FED6FE, #E0824C, #AD70AF, #1A0E15)
• Feathered Lantern color palette (#F9F2FE, #FFB8D5, #B67D17, #AB557C, #000801)
• Dusty Meadow color palette (#F8F2FF, #FFA0D4, #927E00, #BB0084, #000201)
• Quiet Grape Balcony color palette (#FBEEF4, #A096D2, #935200, #5D27BF, #0D0400)
• Tempered Peony Workshop color palette (#F8F2FF, #FFB2EA, #CE617E, #903115, #2F1600)
• Mallow Bloom color palette (#DEFEF0, #E396E9, #BE5B5A, #005D62, #281A35)
• Gentle Fuchsia Workshop color palette (#F4F4FF, #D36EFF, #934700, #721195, #040002)

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