Petrol Drift color palette — #F3F3E8 · #729155 · #3965AA · #723344 · #1D1D0F
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E8): bright and airy, almost weightless.
- Moss (#729155): A luminous, balanced green — the color of new leaves after rain.
- Slate (#3965AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Oxblood (#723344): A full-bodied, balanced red — the color of embers at dusk.
- Onyx (#1D1D0F): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Washed Petrol color palette (#F1F3E7, #81A87C, #676BA6, #703B2F, #3C1E0E)
- Worn Driftwood Dune color palette (#F5F2E9, #8E873E, #007883, #604271, #23190A)
- Timeworn Emerald color palette (#F5F7E9, #5B965B, #1A7488, #554F4A, #35332D)
- Muted Lagoon color palette (#FDEFE6, #8DB98B, #008990, #753F4B, #282F1F)
- Moss Garden color palette (#ECF8F5, #88AD5B, #A76EA2, #6E6186, #42313B)
- Patina Mulberry Bloom color palette (#E9F6EB, #00959E, #804590, #593700, #071608)
- Dusty Aubergine color palette (#F3F4D9, #4B8C14, #5100B7, #701100, #051200)
- Patina Aubergine Ridge color palette (#EDF5E7, #007963, #6C1498, #582800, #060E01)
Browse the whole catalog at Explore, or see today's palette.