Ash Pier color palette — #F6F4FA · #DFD8DA · #B3B4A8 · #D09AC4 · #4E4C53

Mauve and Ash set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F6F4FA): bright and airy, almost weightless.
• Silver (#DFD8DA): bright and airy, almost weightless.
• Ash (#B3B4A8): a calm mid-gray that lets other colors speak.
• Mauve (#D09AC4): A luminous, balanced pink — the color of a candy shop window.
• Charcoal Brown (#4E4C53): a grounded near-black with real depth.

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

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

• Softworn Sand color palette (#F9F2FD, #DFD9E3, #FFC78C, #B5B7AB, #4F3D4E)
• Driftwood Courtyard color palette (#F3F0F8, #DED4D9, #B7AAA7, #897B9D, #37353A)
• Aged Blush Dune color palette (#FAF2FD, #E096A6, #644D58, #322636, #100E14)
• Weathered Cabin color palette (#E8FAF4, #E1D5FF, #CB8F94, #207E99, #413B50)
• Aged Peony color palette (#F9F2FC, #EAD7DA, #BAC2D6, #E55696, #3C2F43)
• Ancient Coast color palette (#ECE7F2, #C1B7C0, #A48993, #6D004C, #020005)
• Tempered Bronze Garden color palette (#FFF1F6, #C8DFE8, #ABB0CA, #B56900, #371A26)
• Cocoa Chapel color palette (#F7EAF0, #C4D5C8, #82B2A4, #7B3600, #080004)

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