Patina Stone color palette — #F6F3FF · #F3D4D8 · #E6A2BD · #A86C7A · #634B62

A conversation between Ballet Pink and Mocha, giving this palette its sense of sophistication.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Shell Pink (#F3D4D8): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#E6A2BD): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A86C7A): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal Brown (#634B62): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

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

• Dusty Raspberry color palette (#FFF1F3, #D99BBF, #B96385, #8C4B5A, #4F4944)
• Mallow Harbor color palette (#F1F5FF, #E7D4E8, #C4A6E5, #906F9D, #4C4360)
• Hushed Apricot Hollow color palette (#FFEFFF, #EED8C8, #E09C84, #9C6D4F, #62404C)
• Tempered Stone Alley color palette (#FFF0FF, #E9DDD7, #E5A2A7, #965A5B, #37213A)
• Weathered Taupe Pier color palette (#FAF2FD, #F8D3CB, #8FDDCD, #C88296, #1F4E55)
• Ember Pier color palette (#FFF1F2, #FF9E92, #D66D4E, #893E00, #402200)
• Hushed Rust Terrace color palette (#FFD7E2, #FF8C95, #C63D3B, #742500, #301400)
• Weathered Rose Alley color palette (#FFF0F7, #FFB6C7, #FC5172, #B42919, #672205)

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