Weathered Pier color palette — #F4F4FF · #FFD1F2 · #D995AF · #A66D71 · #63475C

Built around Mauve, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#FFD1F2): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#D995AF): A luminous, balanced rose — the color of a warm blush.
• Mocha (#A66D71): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal Brown (#63475C): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

One click turns Weathered 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

• Worn Lilac Atelier color palette (#F0F5FF, #E4D5E9, #BAA0DC, #A0739D, #52435D)
• Blush Summit color palette (#FFF1F1, #F6C3D9, #E89DB5, #CB778C, #684137)
• Timeworn Grove color palette (#EFE3FF, #E6A9C8, #C26B8F, #824658, #402C43)
• Dusty Blush Meadow color palette (#FAF2FC, #F7D3CA, #97DCCC, #CB8192, #204E54)
• Weathered Studio color palette (#FCF1FF, #EDD9CA, #E4A184, #A4794D, #35543C)
• Tempered Scarlet color palette (#FFD3E8, #FF8F9E, #CA413E, #7A3500, #371D00)
• Ember Pier color palette (#FFEFF4, #FFB2AF, #CD6339, #915000, #392500)
• Coral Dune color palette (#FAD7DA, #F06C4F, #9C4C00, #543100, #160F00)

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