Patina Coast color palette — #F8EFF2 · #C8D7DB · #989DA8 · #9D7685 · #3B3436

Built around Mocha, softened by Silver — the whole palette hums with sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#C8D7DB): a clean, paper-quiet neutral.
• Blue Fog (#989DA8): soft and architectural.
• Mocha (#9D7685): A luminous, dusty rose — the color of a warm blush.
• Charcoal (#3B3436): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina Coast 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 Driftwood color palette (#EDF4EE, #CEDADA, #A6AFB7, #728A75, #323833)
• Stone Quarry color palette (#FFECF3, #AECCBF, #809FA0, #656675, #3A3B49)
• Weathered Onyx Study color palette (#DDE4DD, #7F9388, #51736B, #3B2400, #000200)
• Spruce Lagoon color palette (#D7EAE7, #87A7A9, #558492, #114200, #000605)
• Tempered Honey Parlor color palette (#E7F7EB, #D8D6C2, #E0C37B, #7AAA87, #193427)
• Tempered Pewter color palette (#ECF4F0, #C4DCE1, #A7BCBC, #696738, #1A231F)
• Softworn Apricot color palette (#E8F7E8, #DB9C62, #718044, #4B4E73, #213024)
• Tempered Amber Harbor color palette (#ECF4EC, #C99033, #367D88, #404972, #27233F)

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