Patina Petrol color palette — #F0F6FD · #DAD7E7 · #ACB3C6 · #486492 · #343B45

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DAD7E7): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#ACB3C6): A luminous, dusty violet — the color of a velvet chair.
• Slate (#486492): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#343B45): quiet, heavy and certain.

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

• Worn Loft color palette (#F9F3F9, #E4D5D7, #D0B8B7, #6382AC, #3F383F)
• Worn Lagoon color palette (#F3F4FF, #D1CEF0, #A9A1C1, #6B4396, #303142)
• Patina Lilac color palette (#DCE4FF, #AE94D2, #716B88, #694963, #2A4854)
• Navy Atelier color palette (#E5ECF7, #B2B9CB, #878CA7, #323F78, #181F2D)
• Weathered Iris Archive color palette (#F1F5FF, #98BDFF, #9098FF, #8063B5, #2A3151)
• Timeworn Loft color palette (#E1DFE7, #9E94AF, #796986, #460C48, #0A0615)
• Patina Station color palette (#E7FBF2, #8DA659, #4E6D39, #2C515A, #1B3D34)
• Washed Indigo Coast color palette (#FDE6FD, #6D76EE, #634B8E, #692534, #282F48)

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