Patina Pier color palette — #F7F3FB · #E9C5D9 · #9D6C84 · #663F52 · #2E2932

Mocha and Cocoa set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F7F3FB): a clean, paper-quiet neutral.
• Oat (#E9C5D9): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#9D6C84): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#663F52): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#2E2932): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Patina Driftwood color palette (#FEF2F0, #E1DBCF, #A67686, #593F3C, #231817)
• Aged Coral Courtyard color palette (#F8F3F9, #F5C1CC, #CA8976, #C46D83, #372932)
• Bronze Drift color palette (#FCF2F7, #E0BE94, #9A6240, #623519, #2B1D24)
• Timeworn Pewter color palette (#F6F3FD, #B9C79A, #7A4B75, #3B344A, #2A2029)
• Antique Parchment color palette (#FFF1F3, #DAE5B1, #B491B3, #7E6569, #31292A)
• Wandering Summit color palette (#EBFAED, #DAAFC7, #B48958, #4D7D45, #583F4B)
• Dusty Taupe Chapel color palette (#F8F3F8, #DFD7D8, #B9AEAA, #C08C8C, #565056)
• Plum Hollow color palette (#FDF0FF, #EFA978, #AA3E56, #6E092A, #231425)

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