Patina Petrol color palette — #FFF4E0 · #E398AF · #B8733B · #1B68A1 · #433B38

Peacock and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Ballet Pink (#E398AF): A luminous, balanced rose — the color of strawberry cream.
• Caramel (#B8733B): A luminous, balanced gold — the color of old brass.
• Peacock (#1B68A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#433B38): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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 Driftwood color palette (#FEF5DE, #CC9FD1, #BA6D6D, #00707E, #533333)
• Washed Hollow color palette (#E0FEED, #FFB3C1, #BF8344, #326B86, #3F2A3B)
• Gentle Basin color palette (#FFF1F2, #CB8EB7, #87842B, #00668E, #482955)
• Antique Denim Station color palette (#FFF3E4, #DDA27F, #8A8B3F, #60589E, #413C36)
• Washed Chapel color palette (#FFF0F0, #DFC1B4, #B19672, #5380A0, #644957)
• Patina Bronze color palette (#E9FBE8, #CF8065, #965917, #38581B, #4B3642)
• Aged Aubergine color palette (#FFEBD7, #C29B4D, #4E8845, #6C3C88, #33302A)
• Powdered Grape Station color palette (#FFF3E6, #EC8D41, #848D14, #6B1CB5, #493000)

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