Petrol Drift color palette — #F2DECC · #85B098 · #758F5F · #306B9F · #28264C
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F2DECC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#85B098): A luminous, dusty teal — the color of glacier melt.
- Moss (#758F5F): A luminous, dusty green — the color of new leaves after rain.
- Slate (#306B9F): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#28264C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Gentle Denim Studio color palette (#F0EBCF, #93AF77, #3E9877, #5C5DA5, #41184D)
- Patina Archive color palette (#FFE8F7, #C5A078, #8A8557, #00748B, #002A4A)
- Faded Aubergine color palette (#E4EAD4, #5E936B, #00736A, #5B377E, #23011A)
- Softworn Terrace color palette (#D8E1D9, #95C8E3, #4398DF, #007B87, #021A4E)
- Softworn Olive color palette (#FCE3DD, #D3A17A, #618346, #573B60, #290834)
- Wandering Basalt color palette (#E0F1E1, #8FC1C9, #72A1B5, #8C6389, #562434)
- Washed Ash color palette (#E6FCE8, #BCDCCD, #99C3BE, #778FAC, #494C66)
- Violet Basin color palette (#D0E4DC, #ABBA3E, #9257D9, #6D7900, #260046)
Browse the whole catalog at Explore, or see today's palette.