Petrol Drift color palette — #F8F3FC · #E2AFC6 · #54A1C3 · #5D6CA7 · #252336
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F3FC): a clean, paper-quiet neutral.
- Carnation (#E2AFC6): A luminous, dusty rose — the color of strawberry cream.
- Cyan (#54A1C3): A luminous, balanced blue — the color of open sky before noon.
- Slate (#5D6CA7): A full-bodied, balanced violet — the color of twilight just after sunset.
- Midnight (#252336): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Ancient Petrol color palette (#F4F4FF, #CCAFE5, #45A5A2, #196D93, #232A3E)
- Pewter Market color palette (#FCF1FA, #EBADA1, #6E88C8, #7B549B, #281E2E)
- Ancient Teal color palette (#FBF2F6, #EDAA82, #3BC1AC, #7A7FB6, #42323A)
- Petrol Bloom color palette (#EDF8F6, #B4D7B2, #54AAAA, #3A6F9D, #3C3154)
- Powdered Thicket color palette (#FAF1FF, #E75B93, #0085BB, #3B37BC, #220725)
- Amber Bloom color palette (#FBEFE9, #CA7657, #376EA1, #64455F, #26191C)
- Cypress Terrace color palette (#EAFAF0, #EDDCAA, #A1A86E, #268279, #2D4638)
- Softworn Aubergine Thicket color palette (#FFF0FB, #DC7562, #566BCD, #6D2E8D, #120218)
Browse the whole catalog at Explore, or see today's palette.