Patina Studio color palette — #F5F4FF · #F3D5D6 · #F492AA · #A86657 · #664857

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

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Shell Pink (#F3D5D6): A whisper-light, dusty red — the color of late-summer berries.
• Ballet Pink (#F492AA): A luminous, balanced red — the color of late-summer berries.
• Mocha (#A86657): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal Brown (#664857): A full-bodied, dusty rose — the color of pressed rose petals.

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

Use it as a design system

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

• Coral Boulevard color palette (#F7F3FF, #F9D4CA, #F79189, #B07256, #3C543E)
• Muted Studio color palette (#FFEAED, #E3AAC5, #AF6878, #8E524D, #554E49)
• Ancient Alley color palette (#FFF0FD, #DBD8CD, #F39695, #965A4B, #3F233A)
• Patina Bloom color palette (#FAF2FC, #F6D4C9, #6BE0E8, #CE7F8E, #224D5A)
• Ember Boulevard color palette (#FFD5E7, #FF7480, #D74E00, #633A00, #291C00)
• Ember Field color palette (#FFF1F3, #FFABA1, #D35F00, #855700, #332F00)
• Tempered Cabin color palette (#EDF9EE, #B7EBEB, #CAA974, #8E7081, #2F4440)
• Antique Corridor color palette (#FFEAD9, #D8DBEB, #A59DAB, #574049, #2C2226)

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