Weathered Stone color palette — #F8F2FF · #F2D4D2 · #E89CB5 · #A56D77 · #604A61

Ballet Pink and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Shell Pink (#F2D4D2): A whisper-light, dusty orange — the color of toasted spice.
• Ballet Pink (#E89CB5): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#A56D77): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal Brown (#604A61): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

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

• Apricot Parlor color palette (#FFF0FB, #EFD9C2, #E29876, #A1785C, #593F4A)
• Wandering Terracotta Hollow color palette (#FFEAEC, #DCA8C3, #B97083, #904250, #403936)
• Timeworn Archive color palette (#FCF1FE, #F6D4C9, #D2CF94, #CB828F, #314D40)
• Antique Stone color palette (#FEF0FD, #E8D5D7, #D6ACBC, #ACB7AD, #5C4D58)
• Dusty Stone Orchard color palette (#EBFAEC, #B9E9E0, #C5AA81, #8F707B, #334439)
• Aged Mustard color palette (#FFF0FE, #FFB5B6, #D6B675, #B295C3, #413341)
• Quiet Ember color palette (#FFF2EF, #FFA289, #D66933, #894111, #462200)
• Scarlet Study color palette (#FFE0E0, #FF786C, #D64024, #7D2900, #331000)

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