Patina Pier color palette — #FFF0F9 · #D1ACBC · #A5725F · #6E536B · #3E4C3D

A conversation between Mocha and Graphite, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Rosewood Mist (#D1ACBC): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#A5725F): A full-bodied, dusty orange — the color of toasted spice.
• Graphite (#6E536B): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#3E4C3D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Patina 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 Driftwood color palette (#EFF8F0, #9DC2AB, #977C4D, #735360, #3C4C45)
• Aged Delta color palette (#FEECF8, #D6B492, #98778D, #625167, #233028)
• Worn Hollow color palette (#F5F3FF, #E1ACC9, #B56478, #873E3C, #67341F)
• Patina Cocoa Villa color palette (#FFF2EB, #E1C5A8, #B6937F, #8B6C66, #5C4300)
• Timeworn Quarry color palette (#F4F4FC, #CEB4E3, #B65F65, #81599E, #332B33)
• Muted Terrace color palette (#F3F4FF, #9D80C4, #8D7F3F, #316D4D, #3B3C49)
• Quiet Lantern color palette (#FFE7F0, #BC9656, #975800, #733512, #1E3D2B)
• Pale Amber Delta color palette (#FAD0E6, #C87800, #904100, #730E00, #382500)

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