Stone Pier color palette — #F4F4FF · #F0D6DA · #DD9AB8 · #A86C70 · #65485E

A conversation between Mauve and Mocha, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Shell Pink (#F0D6DA): A whisper-light, dusty red — the color of embers at dusk.
• Mauve (#DD9AB8): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#A86C70): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal Brown (#65485E): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Patina Mallow Workshop color palette (#F0F6FF, #E4D5EB, #C4ACE9, #98759F, #50435E)
• Weathered Workshop color palette (#FFF1F4, #DDA5CB, #BE638E, #8F505C, #524A47)
• Wandering Stone Orchard color palette (#FEF0FF, #E9DCD7, #E4A4A6, #8F585B, #41191F)
• Apricot Drift color palette (#FCF0FF, #ECD9CC, #EAA287, #9E6F4A, #3D533D)
• Blush Meadow color palette (#FAF1FF, #F9D2CD, #87DDD9, #CA809D, #204D58)
• Ancient Scarlet color palette (#FFCFE7, #FB789D, #D24942, #6F2F00, #2C1500)
• Gentle Study color palette (#FFF1F4, #FFB2B3, #DB684B, #974B00, #452C00)
• Marigold Archive color palette (#FFE2D5, #FEA545, #A97700, #584F00, #252E00)

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