Patina Petrol color palette — #F0F3EC · #C7DFE2 · #AE90B2 · #3E7389 · #432E42

Built around Slate, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Silver (#C7DFE2): A whisper-light, dusty blue — the color of open sky before noon.
• Dusty Rose (#AE90B2): A luminous, dusty pink — the color of neon signs at night.
• Slate (#3E7389): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#432E42): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Weathered Petrol Lantern color palette (#F0F3EC, #C6E4DB, #6B8FC1, #206687, #392337)
• Ash Quarry color palette (#F1F3EB, #C4E2E2, #77A2BF, #4E755E, #213C35)
• Hushed Chapel color palette (#E4E8DA, #74A3C1, #005C94, #003747, #000A1E)
• Pewter Balcony color palette (#FFEDE9, #C78890, #AB874D, #856AA2, #38201A)
• Petrol Studio color palette (#E9EAE1, #7EBFCF, #007794, #004B4F, #001925)
• Cerulean Terrace color palette (#EFF7F7, #D8DBEA, #90B5DC, #3E91B2, #3F546E)
• Pewter Bloom color palette (#FCEEEC, #DD9FAF, #849CCF, #9E596D, #3E283C)
• Driftwood Parlor color palette (#FFDEDE, #D89EB7, #B8758B, #7B4450, #482B23)

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