Petrol Market color palette — #D4E5FA · #5064A1 · #3F396A · #371223 · #150003
Slate takes the lead with Navy close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Frost (#D4E5FA): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#5064A1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#3F396A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Onyx (#371223): A deep, shadowed, dusty rose — the color of pressed rose petals.
- Ink (#150003): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Market 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 Petrol color palette (#D8F5FF, #006D9A, #25466C, #381141, #1A0114)
- Obsidian Denim Thicket color palette (#E8E7FD, #6A4D88, #502353, #350706, #070200)
- Muted Study color palette (#CBE5F5, #556EA5, #4E3473, #431F04, #211900)
- Wandering Cobalt Bloom color palette (#CEF2FD, #5A8DCC, #694C7E, #302C00, #070600)
- Dusty Loft color palette (#ECF0D9, #3597B2, #00516A, #002B2F, #00050A)
- Linen Iris Studio color palette (#D8E2F4, #7F86F0, #75639B, #5B303D, #002B27)
- Cocoa Parlor color palette (#EFE0FB, #A47AA4, #7F566D, #653400, #2F1900)
- Charred Amethyst color palette (#EAE5FF, #843BDE, #430089, #170035, #020007)
Browse the whole catalog at Explore, or see today's palette.