Patina Petrol color palette — #F9F4EE · #CBE5E8 · #AA8EAA · #387989 · #63495C

Slate takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#CBE5E8): A whisper-light, dusty blue — the color of deep harbor water.
• Dusty Rose (#AA8EAA): A luminous, dusty pink — the color of neon signs at night.
• Slate (#387989): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#63495C): A full-bodied, 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

• Worn Petrol color palette (#F9F4EE, #BEE7DB, #708ABB, #006D88, #5B3C51)
• Timeworn Coral Quarry color palette (#FFF2EE, #CA8088, #789366, #5679A1, #523D37)
• Lagoon Chapel color palette (#FAF3F5, #DADEEC, #A1B0DB, #429594, #4D506C)
• Hushed Cypress color palette (#F9F4EE, #C7E8E3, #7DA390, #3C7B73, #345148)
• Antique Boulevard color palette (#FFF1F2, #DEA6C3, #B06D80, #905459, #554D4A)
• Dusty Petrol color palette (#F6EDE0, #7CBDCD, #007297, #00504D, #003051)
• Ancient Veranda color palette (#FFF2EE, #E0DACE, #9DBFAE, #A87C79, #793C20)
• Tempered Abyss Thicket color palette (#E5DDD2, #589C9F, #005361, #003127, #001721)

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