Petrol Drift color palette — #F8F2FF · #FFD1DF · #F199AF · #615EA5 · #22030B
Slate takes the lead with Ballet Pink close behind in a set that reads as creativity and warmth at first glance.
The five colors
- Ivory (#F8F2FF): a clean, paper-quiet neutral.
- Shell Pink (#FFD1DF): A whisper-light, dusty rose — the color of a warm blush.
- Ballet Pink (#F199AF): A luminous, balanced red — the color of embers at dusk.
- Slate (#615EA5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Ink (#22030B): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.
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
- Timeworn Boulevard color palette (#FFEEF0, #FFB0D5, #F57774, #684A91, #17000D)
- Apricot Basin color palette (#FFF1F5, #FFD3D4, #F19A61, #855182, #2D0511)
- Tempered Field color palette (#F1F5FF, #E3D4FF, #EB9AE8, #4072AC, #161032)
- Gentle Field color palette (#F2DDE6, #F2A9B3, #E59163, #5F7ACC, #36193F)
- Nightshade Orchard color palette (#E2E5FF, #CF90BE, #D06666, #183CAA, #19001E)
- Worn Aubergine color palette (#E9E8FF, #D9AADB, #BD73A2, #5A239A, #35183B)
- Airy Grove color palette (#F5E3E7, #F59B90, #C27A49, #692B60, #040000)
- Hushed Sand Basin color palette (#FFF2ED, #E0D9CE, #FFCD86, #B06D81, #40220F)
Browse the whole catalog at Explore, or see today's palette.