Patina Petrol color palette — #FFF1F2 · #E9A7B1 · #A98A6A · #187692 · #444B73

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Ballet Pink (#E9A7B1): A luminous, dusty red — the color of a theater curtain.
• Caramel (#A98A6A): A luminous, dusty gold — the color of old brass.
• Teal (#187692): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#444B73): A full-bodied, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Patina Petrol 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

• Antique Meadow color palette (#FFE7E9, #D8B699, #9B945A, #62688F, #424475)
• Petrol Alley color palette (#EFDCFF, #E3ABC5, #B88266, #2A7E8D, #004E5A)
• Antique Navy color palette (#EEDDE2, #CA9788, #8F804D, #69516C, #173C63)
• Antique Bronze color palette (#F5E2E7, #B58873, #82752E, #2D507E, #331C48)
• Oat Study color palette (#FFF3E7, #DFD5B7, #ADB297, #94777E, #62484D)
• Washed Cypress Alley color palette (#D5F7D4, #96B79F, #81854F, #006F5D, #005655)
• Worn Apricot Ridge color palette (#FFF0E9, #FFC1A0, #D29F65, #7D976E, #235633)
• Weathered Canyon color palette (#ECDBCC, #7E7A43, #245E40, #411948, #220213)

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