Ash Canyon color palette — #FFF1F2 · #F3D3D1 · #F1B8A2 · #BD92BF · #543B3A

Built around Mauve, softened by Melon — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#F3D3D1): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#F1B8A2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mauve (#BD92BF): A luminous, balanced pink — the color of a candy shop window.
• Cocoa (#543B3A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Timeworn Study color palette (#FFF2EC, #EBD8BF, #E1C786, #CB9398, #652D02)
• Dusty Sand Orchard color palette (#FFF1F3, #F4D3CB, #FAB894, #7E7EB3, #4F3637)
• Dusty Stone Delta color palette (#FFF2EF, #E6D6D0, #ABBAD7, #D2A5A4, #614842)
• Hushed Ash color palette (#F6F3FF, #E9DBD8, #AEB1A3, #AA8DC4, #392C46)
• Washed Apricot color palette (#FFE1CE, #F7AF81, #CA8D71, #9F6B5D, #352F2A)
• Blush Summit color palette (#FFE3E1, #F9B09A, #FF908F, #B16A9F, #3E1825)
• Ancient Honey Corridor color palette (#FBEBE5, #FFB774, #C36A6B, #774647, #1F120E)
• Softworn Cobalt Study color palette (#FFECF0, #F4CEC4, #E6AB6E, #5267B8, #381818)

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