Patina Pier color palette — #F1F7F2 · #CEDDDC · #ADC6CA · #C3992D · #333D36

Mustard and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#CEDDDC): bright and airy, almost weightless.
• Stone (#ADC6CA): A luminous, dusty blue — the color of deep harbor water.
• Mustard (#C3992D): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#333D36): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Ancient Driftwood color palette (#F9F4EE, #D9DFD2, #9FB8CD, #A8834B, #322D28)
• Timeworn Villa color palette (#E9F9F5, #C8DEE5, #A5C6D9, #71AD00, #1A3933)
• Patina Bronze Delta color palette (#E5FBF6, #9DD6D5, #67B09E, #A67948, #033E3E)
• Stone Workshop color palette (#EFF7F6, #D4DBDF, #C5C2CB, #9AC293, #4A5553)
• Hushed Moss Harbor color palette (#DEF0E8, #9AA400, #406B64, #1C4537, #041109)
• Aged Archive color palette (#ECF8F8, #D0DBE4, #B2A7B7, #00C288, #2D4545)
• Sapphire Coast color palette (#DEF6E3, #D0B96B, #78A753, #416FCE, #0F3929)
• Chestnut Parlor color palette (#F6F1E9, #D3D9C9, #BAB8A1, #766235, #252017)

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