Ash Atelier color palette — #FFF1F2 · #E8D7D7 · #BAB1A9 · #BC9DC4 · #573E3F

Mauve and Cocoa set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E8D7D7): bright and airy, almost weightless.
• Ash (#BAB1A9): a calm mid-gray that lets other colors speak.
• Mauve (#BC9DC4): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#573E3F): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Ash Atelier 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

• Washed Blush Villa color palette (#FFF2EC, #E0D8CE, #93B8B3, #EC7F8A, #5C342A)
• Hushed Peony color palette (#FFF2F0, #E4D7D3, #ADB69C, #C65999, #451B27)
• Wandering Grove color palette (#FFF1F4, #E3D9D0, #CFC39C, #6375A0, #5E4646)
• Wandering Canyon color palette (#F3EFFF, #E5D2DD, #F1B4AD, #8B7DA9, #32283E)
• Ember Bloom color palette (#FFE8DF, #F69680, #DB6600, #711032, #030000)
• Patina Pier color palette (#FFF1F5, #C79CEA, #009591, #005D7E, #23111E)
• Softworn Quarry color palette (#FBF5E3, #DAE3B3, #A3A263, #766B36, #33322B)
• Blush Chapel color palette (#FFE7F3, #FFB4CF, #FF5C75, #7E287A, #130008)

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