Ash Garden color palette — #FFF1F3 · #E3D8D1 · #B8A2D9 · #ACAF9A · #584142

A conversation between Mauve and Cocoa, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E3D8D1): bright and airy, almost weightless.
• Mauve (#B8A2D9): A luminous, balanced violet — the color of a velvet chair.
• Sage (#ACAF9A): A luminous, dusty green — the color of a quiet forest floor.
• Cocoa (#584142): A full-bodied, dusty red — the color of a theater curtain.

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

Use it as a design system

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

• Softworn Courtyard color palette (#FFF2EE, #F5ECB7, #E0DACE, #D39FB5, #723616)
• Worn Petal color palette (#FFF0F9, #FFC8FA, #E6D6D4, #96BAEC, #5D4952)
• Ancient Stone color palette (#F3EFFF, #E3D1DD, #E9ACBA, #91729C, #382E46)
• Fuchsia Ridge color palette (#FFF0F8, #F8D2C4, #E7BD88, #D36FDB, #592239)
• Worn Blush color palette (#FFE9DE, #E7D3AB, #E7BC67, #DC7D92, #38322D)
• Patina Mint color palette (#FFF2EF, #FD96AB, #43C893, #4C9CB5, #402E2A)
• Hushed Taupe color palette (#FFF2F0, #EBD29E, #C37D92, #825361, #2C1D1B)
• Hushed Mustard color palette (#FBF5E2, #D8D2AA, #B4B062, #998659, #404000)

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