Patina Petrol color palette — #F5F1EB · #C7E3E6 · #829DC9 · #007790 · #472C40

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C7E3E6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#829DC9): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#472C40): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Dusty Cypress Study color palette (#F5F1EB, #C8E1DE, #6CA5BE, #1C7A73, #173E34)
• Ash Thicket color palette (#FBF3F5, #DADEEE, #8997C5, #3A7B7A, #4E5168)
• Patina Drift color palette (#FFECF1, #AE8EBD, #B18441, #008A8A, #371F26)
• Worn Denim Harbor color palette (#E3DED5, #77A2C0, #0E57A2, #003842, #030033)
• Dusty Basin color palette (#F0E8DC, #9CBCA9, #00759E, #004B49, #00172C)
• Ash Summit color palette (#FFECF1, #E4D4CD, #C6BC96, #8E84B6, #4F393C)
• Weathered Cerulean color palette (#F7F1E8, #B6DBBE, #0091B1, #006357, #00293D)
• Washed Dune color palette (#E5DED5, #3D999F, #005262, #002D24, #00050A)

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