Petrol Basin color palette — #F5F0F4 · #E2D4D6 · #D4B6B7 · #62749C · #322930

Slate takes the lead with Rosewood Mist close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F5F0F4): bright and airy, almost weightless.
• Silver (#E2D4D6): bright and airy, almost weightless.
• Rosewood Mist (#D4B6B7): A luminous, dusty red — the color of late-summer berries.
• Slate (#62749C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#322930): quiet, heavy and certain.

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

Use it as a design system

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

• Muted Driftwood color palette (#F7EFF2, #DED4D2, #BEB0A2, #9B7786, #3B3437)
• Pewter Boulevard color palette (#F7EFF1, #E3D3CD, #E1B1B2, #8A5098, #302023)
• Dusty Chestnut Station color palette (#FFECF2, #CEA7AE, #9E7475, #895025, #38332D)
• Dusty Field color palette (#F6E7EE, #7464BF, #432733, #210F19, #090508)
• Antique Meadow color palette (#FBEDF6, #DCD6F6, #A8AAFF, #AB81D2, #2D1523)
• Muted Loft color palette (#F4F2E6, #B6B68F, #4C8547, #3F5E42, #292914)
• Hushed Mulberry color palette (#EFE7E8, #DAC6C6, #BF9996, #7C3477, #211013)
• Feathered Chapel color palette (#FFEEE7, #9993D2, #8252A3, #702F30, #311A25)

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