Patina Petrol color palette — #F6EFF6 · #E4D4D4 · #C9BAB3 · #5F769A · #302A30

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

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Silver (#E4D4D4): bright and airy, almost weightless.
• Stone (#C9BAB3): a calm mid-gray that lets other colors speak.
• Slate (#5F769A): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#302A30): 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

• Petrol Courtyard color palette (#FAF3F8, #E2D7D8, #CABBBA, #6372A0, #4F434D)
• Muted Balcony color palette (#F9EFF0, #E2D4C7, #C9B2A2, #7F5476, #281D1E)
• Worn Pine Courtyard color palette (#FAF0E4, #B4B885, #538257, #6C4A4F, #2C2715)
• Indigo Alley color palette (#FCE7F0, #7A5FC5, #42292B, #1E1118, #090509)
• Tempered Navy color palette (#E4DDE3, #AE99A0, #996F6F, #1C2D77, #0A0108)
• Garnet Cabin color palette (#E9DADA, #C6ADA3, #9F8973, #6C2450, #130707)
• Muted Fern color palette (#CEF8EB, #B5A8D3, #A37E78, #5A6015, #3B3F00)
• Washed Azure color palette (#F4F3DE, #49A5E2, #855496, #374F1B, #2D1C2A)

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