Petrol Drift color palette — #F9F3F9 · #E2D6D6 · #C6ABAF · #3C6697 · #3F3740

Peacock takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E2D6D6): bright and airy, almost weightless.
• Rosewood Mist (#C6ABAF): A luminous, dusty red — the color of embers at dusk.
• Peacock (#3C6697): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F3740): quiet, heavy and certain.

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

Use it as a design system

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

• Wandering Bloom color palette (#EDF2FB, #D8D3E1, #B4B6C7, #4E648D, #1C2127)
• Softworn Mulberry color palette (#FBF3F4, #E6D7CB, #D5B59F, #914D8C, #4D3A3C)
• Driftwood Corridor color palette (#FBF3F5, #E2D9D4, #A6AFA3, #8E77A0, #5A4F52)
• Pewter Boulevard color palette (#CDE6D3, #BCA4BC, #87678D, #495F3D, #24493B)
• Grape Studio color palette (#FFF1F7, #EAC9CB, #D39399, #6932B8, #3F2D35)
• Weathered Ash color palette (#F1F6FC, #DBD7E1, #C6BBC8, #83A1CE, #313B49)
• Hushed Mulberry Basin color palette (#F5ECEC, #DAC8C1, #B49B86, #7B3A66, #3C2828)
• Wandering Loft color palette (#F3E9F2, #CAB1BA, #AD8183, #1B3D8F, #281A26)

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