Ash Pier color palette — #FFF1F7 · #E5D6D4 · #C8BEB7 · #9A9ACB · #634C54

Blue Fog and Charcoal Brown set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Bone (#E5D6D4): a clean, paper-quiet neutral.
• Stone (#C8BEB7): soft and architectural.
• Blue Fog (#9A9ACB): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#634C54): A full-bodied, dusty rose — the color of a warm blush.

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

• Dusty Alley color palette (#EAF9F5, #EAD4D0, #AFA292, #72AACA, #5A485A)
• Muted Pier color palette (#FFF2EF, #E3D7CC, #CDC191, #C87B9E, #66453C)
• Orchid Study color palette (#FFF1F4, #F1D4DA, #FFA5CF, #9F6CD2, #573956)
• Hushed Veranda color palette (#FEF2F2, #ECC9B4, #9D6F73, #694044, #342829)
• Dusty Lagoon Archive color palette (#FDF1FB, #93ABDC, #7CA881, #1E8D7F, #473745)
• Cocoa Hollow color palette (#FEF3E7, #DAC8AD, #B09777, #936B45, #5E4200)
• Gentle Market color palette (#F3DDE3, #BA8BC1, #B2679E, #583193, #170121)
• Washed Mallow color palette (#D3E7FF, #FFC8C3, #FFA7F8, #66484C, #3A3031)

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