Ash Pier color palette — #F0F6FD · #FFD1D1 · #8A9FC6 · #616E81 · #252C36

A conversation between Blue Fog and Shell Pink, giving this palette its sense of sophistication.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Shell Pink (#FFD1D1): A whisper-light, dusty red — the color of a theater curtain.
• Blue Fog (#8A9FC6): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#616E81): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#252C36): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged luxury, dark, 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

• Weathered Seafoam color palette (#F0F5FF, #A4E9B0, #7F92CD, #55637C, #1B222E)
• Iris Garden color palette (#F0F5FF, #FFBE97, #7486DF, #4F5983, #101A2F)
• Softworn Courtyard color palette (#EDF8F3, #E6CE9E, #4C85A2, #3A5349, #252E2A)
• Ancient Drift color palette (#F0F6FD, #DDD9E2, #BFAEB2, #68695E, #4F5358)
• Powder Meadow color palette (#F0F6FF, #9CBDFF, #CB9F72, #9D7D5C, #253C3A)
• Worn Meadow color palette (#ECF4F1, #E1BAA4, #336787, #033A2D, #081712)
• Hushed Powder color palette (#DFFDF6, #A0D8FF, #BFA1CD, #7D946D, #3E4858)
• Washed Atelier color palette (#E7EFFE, #00B082, #444BA8, #1E224F, #00010B)

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