Patina Petrol color palette — #F1F6FC · #DCD7E1 · #B7AFC6 · #486494 · #363B42

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F6FC): a clean, paper-quiet neutral.
• Silver (#DCD7E1): a clean, paper-quiet neutral.
• Ash (#B7AFC6): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#486494): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#363B42): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Boulevard color palette (#F7EFF5, #E7D0D0, #C4B1B7, #54628F, #271C25)
• Muted Driftwood Station color palette (#F5F4FB, #E1D8DD, #B4ABA2, #92769C, #52515A)
• Driftwood Study color palette (#C8E5FF, #A59BC9, #A36778, #305958, #253F48)
• Ancient Plum color palette (#F7F3FD, #E4D5D9, #D6B0C1, #9C4585, #423D4B)
• Antique Grape color palette (#F4F4FD, #D8CEE4, #CE9694, #752DAF, #303143)
• Dusty Periwinkle Drift color palette (#FAF2F9, #E2D6D5, #D5BCB4, #829EDE, #40373F)
• Softworn Loft color palette (#DFE3EC, #B8B7C5, #9786A5, #2D3595, #1A1F2A)
• Timeworn Mulberry color palette (#F1ECF6, #D7C6D4, #B696A1, #882D5F, #322A38)

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