Ash Pier color palette — #F7F7E1 · #97A6D1 · #8B6A8A · #39644A · #583F4C
Built around Mauve, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F7E1): A whisper-light, dusty green — the color of fresh herbs.
- Mauve (#97A6D1): A luminous, dusty violet — the color of a velvet chair.
- Slate (#8B6A8A): A full-bodied, dusty pink — the color of neon signs at night.
- Pine (#39644A): A full-bodied, dusty teal — the color of sea glass.
- Cocoa (#583F4C): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Wandering Ash color palette (#FDF5E0, #7BB0C8, #73729D, #5F5B32, #314E47)
- Aged Fern color palette (#FEF1F9, #8F93C3, #8F664A, #186247, #354B03)
- Weathered Pewter Parlor color palette (#FFF0FE, #CEB7BF, #A08885, #6B775F, #36504B)
- Weathered Cocoa color palette (#FEECF6, #BE9FC3, #986684, #794116, #2E273E)
- Wandering Blush Boulevard color palette (#FCF5DF, #C47DA9, #99543C, #045767, #55332D)
- Antique Cypress Terrace color palette (#FBF3EF, #CCE6E5, #76A498, #337C77, #5F4B5B)
- Dusty Olive color palette (#F8F5EB, #C1C4A2, #728B4B, #7A5D65, #4F5100)
- Patina Mallow color palette (#E8FAF6, #C1CEFF, #D596CC, #6C987C, #444757)
Browse the whole catalog at Explore, or see today's palette.