Petrol Drift color palette — #CBEAFC · #5763A1 · #5E345F · #1C2700 · #080D00
Built around Slate, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Frost (#CBEAFC): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#5763A1): A full-bodied, balanced violet — the color of wild irises.
- Mulberry (#5E345F): A deep, shadowed, balanced pink — the color of peonies in June.
- Onyx (#1C2700): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#080D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, 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
- Airy Grape Field color palette (#DBE5FB, #81499D, #742545, #002B0E, #001103)
- Aubergine Villa color palette (#DEF6F0, #427AA3, #57346A, #023A15, #00211C)
- Timeworn Navy color palette (#CCEBE6, #2C7A9B, #2C3978, #322100, #0D0600)
- Worn Driftwood color palette (#D0E3FA, #837FB4, #6D4D76, #543700, #1C1D00)
- Misty Market color palette (#DFE6F9, #928CE1, #694C84, #53242E, #1D0000)
- Patina Driftwood color palette (#E3DEF3, #A96B8C, #6E3D2C, #003B3E, #001318)
- Navy Drift color palette (#F8E8DB, #4592C1, #07439B, #002B2E, #04001A)
- Twilit Aubergine color palette (#F1EAFF, #6100A6, #3D4300, #003A0B, #020006)
Browse the whole catalog at Explore, or see today's palette.