Patina Petrol color palette — #EFF6FF · #7A9FE3 · #BA7841 · #3D63AC · #5C391D

Slate and Caramel set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#7A9FE3): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#BA7841): A luminous, balanced gold — the color of old brass.
• Slate (#3D63AC): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5C391D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged warm.

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

• Denim Garden color palette (#F1F5FF, #9997D7, #988B34, #5F59A7, #4A4315)
• Aged Petrol Atelier color palette (#F9EDFB, #75A8DF, #BC7E32, #0066B5, #3A2100)
• Softworn Turquoise color palette (#E9F8FF, #43B0C3, #B77857, #007382, #5E3723)
• Aged Cobalt Harbor color palette (#EEF6FF, #91BCEA, #D3983D, #3383D1, #573D15)
• Antique Bronze color palette (#EEF6FF, #5A8CC2, #977625, #606926, #233A52)
• Worn Cornflower color palette (#D4E6FF, #1781F7, #727600, #004B9B, #2F3100)
• Pewter Courtyard color palette (#E7FBF1, #97B088, #787540, #684B27, #244344)
• Airy Aubergine color palette (#F3F4FF, #B18BF3, #54920B, #6315AE, #244500)

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