Ash Pier color palette — #FFF1F1 · #E2D8D0 · #99BCAB · #CC9CBC · #61423F

Built around Mauve, softened by Sage — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#E2D8D0): bright and airy, almost weightless.
• Sage (#99BCAB): A luminous, dusty teal — the color of shallow lagoons.
• Mauve (#CC9CBC): A luminous, dusty pink — the color of a candy shop window.
• Cocoa (#61423F): A full-bodied, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Ash Pier 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 Oat Field color palette (#FFF1F2, #E3D6D2, #D8C896, #B28594, #5F4341)
• Wandering Quarry color palette (#FFF2EA, #EACAB0, #D0A089, #A37F6C, #593300)
• Worn Apricot Quarry color palette (#FFF2EB, #FD9C7F, #A5B76A, #A37FB8, #38312D)
• Gentle Blush color palette (#FFEEF0, #F4D2BA, #E6BD81, #EC6593, #532225)
• Patina Driftwood color palette (#F6EEFC, #EED0DC, #ECB89B, #976A8B, #372A3C)
• Hushed Corridor color palette (#FFF2ED, #F5CCA9, #C1827B, #8F5033, #2B1E19)
• Washed Blush Alley color palette (#FFF2EF, #EC8DA8, #589ED5, #7C7EB9, #3B2024)
• Washed Loft color palette (#D8F4DE, #ECD011, #FFB197, #655D59, #322A25)

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