Worn Petrol color palette — #EEF2F9 · #D8D4E1 · #B5B6C4 · #4E648F · #1A212B

Slate and Onyx set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Silver (#D8D4E1): a clean, paper-quiet neutral.
• Ash (#B5B6C4): a calm mid-gray that lets other colors speak.
• Slate (#4E648F): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#1A212B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, 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

• Antique Denim color palette (#F9F3F9, #E2D6D6, #C6ACAE, #3264A7, #413641)
• Softworn Plum Boulevard color palette (#F4EFFA, #E4D0DA, #CCB7CB, #984C81, #282131)
• Dusty Spruce color palette (#DBE5FE, #A3A4C3, #7E728D, #385B49, #00362F)
• Muted Drift color palette (#F0F6FD, #DDD9E3, #BBB1A9, #618CC4, #252F3C)
• Grape Parlor color palette (#F0F0FE, #D5D0E6, #B2A5BF, #7632A9, #18172D)
• Antique Mulberry Field color palette (#ECE6F0, #D2C7D4, #AF9DAB, #7F3A5C, #19131D)
• Navy Station color palette (#E1E6F1, #B0B2BF, #8C8B9F, #323C7E, #050A19)
• Washed Cypress color palette (#E6F6EE, #78AC9E, #4A7048, #2D4962, #01221B)

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