Worn Petrol color palette — #F5EFF6 · #E0D3D6 · #CAB7BA · #58789A · #302931

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Blush (#F5EFF6): a clean, paper-quiet neutral.
• Silver (#E0D3D6): a clean, paper-quiet neutral.
• Stone (#CAB7BA): A luminous, dusty red — the color of a theater curtain.
• Slate (#58789A): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#302931): 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 Worn 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

• Timeworn Pewter Pier color palette (#EDF4EE, #CCDBD9, #AFC1C0, #5F7E64, #282E29)
• Wandering Petrol Summit color palette (#F0F6FC, #DAD9E1, #C2BCCC, #4A78A2, #414951)
• Indigo Thicket color palette (#FBEEF2, #EFD0C9, #D9B4B9, #7D55A3, #302025)
• Antique Cerulean color palette (#EFF7F4, #DED4D1, #A5A295, #5F96BD, #3D4B47)
• Cocoa Lantern color palette (#FFDEF3, #CAA4B5, #A07E87, #735A51, #5E2800)
• Powder Garden color palette (#FFEBFA, #D7DBFA, #97B5FF, #9288D0, #301B2B)
• Antique Summit color palette (#F0E6E8, #D9C6C8, #BE999A, #6A4376, #201015)
• Patina Olive color palette (#F7F2E3, #B1BA80, #697E44, #4B5A46, #2C2710)

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