Patina Drift color palette — #F3F3FF · #B5A7CD · #AC706E · #006A6C · #1C5372

Teal and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F3FF): a clean, paper-quiet neutral.
• Mauve (#B5A7CD): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#AC706E): A luminous, dusty orange — the color of autumn markets.
• Teal (#006A6C): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#1C5372): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Patina Drift 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 Forest Boulevard color palette (#DBEEFF, #A7B0D3, #976590, #346B37, #00534D)
• Muted Courtyard color palette (#EBE0FF, #DA9B96, #9F703C, #1C5F87, #3D486C)
• Navy Pier color palette (#E7DBF5, #BB859C, #845F78, #00565F, #0E3863)
• Frosted Amber Field color palette (#FFDCDF, #F9A89E, #CD7546, #727330, #215046)
• Shell Chapel color palette (#FCF1FF, #FEB5C4, #D9A57E, #539095, #00595F)
• Dusty Pewter color palette (#FFF0FD, #DCC0CB, #809790, #69708B, #584D5C)
• Hushed Chestnut color palette (#FDDFF3, #B17978, #754A11, #003B5D, #2F1948)
• Ancient Terrace color palette (#FFDCD1, #DB8F81, #B56737, #525517, #1B3100)

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