Petrol Market color palette — #F5F0F4 · #DFD4D5 · #D0B6B7 · #62749E · #312930

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

The five colors

• Ivory (#F5F0F4): bright and airy, almost weightless.
• Silver (#DFD4D5): bright and airy, almost weightless.
• Stone (#D0B6B7): A luminous, dusty red — the color of late-summer berries.
• Slate (#62749E): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#312930): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Market 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

• Hushed Pewter Corridor color palette (#FBEEF0, #E2D2CC, #DDB3B4, #8A5195, #2E2124)
• Patina Petrol Summit color palette (#F0F6FD, #DCD9E3, #C8BBCB, #5D7698, #414852)
• Washed Dune color palette (#F0DEE7, #7664BD, #452632, #1F1118, #090508)
• Worn Periwinkle color palette (#F8F3F8, #E5D8D8, #B5BAAF, #7DA0D1, #443C44)
• Nightshade Dune color palette (#FCEDF5, #E6CBD6, #B99FCD, #5A45AE, #26131E)
• Washed Canyon color palette (#FFECF2, #CCABB0, #AA7C95, #834D1E, #533200)
• Aged Studio color palette (#F1E6E7, #D7C7C7, #C09895, #753E6E, #201113)
• Ancient Villa color palette (#FEECF6, #CEDFFF, #B1B2FF, #A677D1, #381B2C)

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