Ash Loft color palette — #FEF1F9 · #BDC2F7 · #C598C2 · #AC7678 · #264B3B

Mauve and Lavender set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Lavender (#BDC2F7): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#C598C2): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#AC7678): A luminous, dusty red — the color of embers at dusk.
• Forest (#264B3B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Ash 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 Quarry color palette (#FEF1F6, #D4B9F6, #D195AC, #AF775F, #513852)
• Aged Veranda color palette (#FBF1FC, #8CB4E6, #B57B71, #83622E, #2F4B2A)
• Cocoa Thicket color palette (#FCF1FA, #AEC7FA, #B59EC9, #AF718A, #683104)
• Mallow Orchard color palette (#FCF2F6, #CFBBF8, #CB98AE, #4B949C, #2D4363)
• Softworn Workshop color palette (#EDF7FB, #8BDBE6, #AD8CB8, #8B6300, #004146)
• Powder Veranda color palette (#FCEDF8, #9BB3FF, #8A7481, #5C5159, #251F25)
• Hushed Cocoa color palette (#FFF0F8, #F6D3DF, #D7BFC2, #B29487, #784213)
• Wisteria Coast color palette (#FFF0FA, #A4B0FF, #CB72C7, #00887A, #00354C)

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