Patina Petrol color palette — #ECF3F9 · #D9D6E1 · #C4B8C9 · #5A7897 · #252D36

Built around Slate, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D9D6E1): bright and airy, almost weightless.
• Ash (#C4B8C9): A luminous, dusty pink — the color of peonies in June.
• Slate (#5A7897): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#252D36): a grounded near-black with real depth.

Feels like: 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 Archive color palette (#EFF7F5, #E0D4CF, #C8B8B3, #4D799F, #3D4B47)
• Aged Pewter Pier color palette (#F2F0F9, #DFD2D9, #C2B1C0, #7F5280, #211E2A)
• Antique Delta color palette (#E8F3FF, #C0B6E9, #8B7E98, #425F59, #1B3F37)
• Ancient Veranda color palette (#F9F3F9, #EAD7DB, #BEAEA8, #83A0C9, #443C44)
• Dusty Ultramarine Veranda color palette (#ECF2FD, #CFD2E8, #C19EBF, #3C51AE, #101A2B)
• Muted Powder Pier color palette (#ECF2FF, #B8E6FF, #AAC0FF, #B27BA7, #20243E)
• Washed Navy Garden color palette (#DCE1E9, #979EBC, #7B7890, #002E7D, #000411)
• Stone Atelier color palette (#E8F7E9, #B7B77E, #647E54, #4B546E, #142D23)

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