Petrol Drift color palette — #FFF2F0 · #D3A1B3 · #A3894C · #4C66A5 · #5E3532
A conversation between Slate and Caramel, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Rosewood Mist (#D3A1B3): A luminous, dusty rose — the color of strawberry cream.
- Caramel (#A3894C): A luminous, balanced gold — the color of afternoon light on wheat.
- Slate (#4C66A5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#5E3532): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Optimism, Creativity, Sophistication. Tagged muted.
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
- Dusty Petrol Chapel color palette (#FCF2F6, #B4A9D9, #B57F54, #00758C, #5A3547)
- Mallow Coast color palette (#F8F3FD, #FFAFD8, #7AA879, #566A96, #273954)
- Weathered Mulberry color palette (#FEF3EB, #D3946E, #4E9164, #804085, #562B0D)
- Dusty Coast color palette (#FFF1F3, #E8CBCA, #C2A994, #95788E, #67494D)
- Shell Harbor color palette (#FFF2EC, #FFB09E, #A1B17F, #59919C, #583645)
- Aged Bronze color palette (#FFF2ED, #E7B89D, #C99960, #907A17, #4E4D46)
- Timeworn Olive color palette (#FBF2F8, #CD816F, #6B791E, #005F65, #38415F)
- Washed Lagoon color palette (#FBF3F1, #CFE6E0, #90BDA9, #50986A, #624961)
Browse the whole catalog at Explore, or see today's palette.