Petrol Drift color palette — #F9F3F9 · #E3D6D5 · #C8ABAD · #3E649E · #403740
A conversation between Peacock and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F3F9): bright and airy, almost weightless.
- Silver (#E3D6D5): bright and airy, almost weightless.
- Rosewood Mist (#C8ABAD): A luminous, dusty red — the color of embers at dusk.
- Peacock (#3E649E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#403740): 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 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
- Washed Veranda color palette (#FAF3F8, #EAD4D4, #CEB9B7, #6F7FA8, #40373F)
- Muted Petrol Parlor color palette (#EDF2FB, #D8D3E1, #B5B5C5, #53638C, #1A212B)
- Softworn Mulberry color palette (#FFF1F2, #E5D7CA, #D3B6A0, #944C86, #4B3B3C)
- Weathered Grape color palette (#FFF1F6, #E8CACB, #D39394, #712FB3, #422B34)
- Aged Driftwood Basin color palette (#FBF3F5, #E1D9D4, #A5B1A1, #9D7581, #585052)
- Aged Harbor color palette (#F1E7EF, #C6B3B9, #AA8382, #2B3F80, #261C24)
- Fern Studio color palette (#CDECDB, #B897AD, #8D637A, #48601F, #224934)
- Patina Mulberry Chapel color palette (#F6ECEB, #DBC7BF, #B39C86, #872E63, #372A2A)
Browse the whole catalog at Explore, or see today's palette.